diff --git a/webui/src/components/display/BlobPreview.svelte b/webui/src/components/display/BlobPreview.svelte
index 4f475fc..92b33d9 100644
--- a/webui/src/components/display/BlobPreview.svelte
+++ b/webui/src/components/display/BlobPreview.svelte
@@ -108,7 +108,7 @@
   .image,
   .text {
     width: 100%;
-    max-height: var(--preview-height, 25em);
+    height: var(--preview-height, 25em);
   }
 
   iframe {
diff --git a/webui/src/components/display/blobs/ImageViewer.svelte b/webui/src/components/display/blobs/ImageViewer.svelte
index 05719d4..cf1b896 100644
--- a/webui/src/components/display/blobs/ImageViewer.svelte
+++ b/webui/src/components/display/blobs/ImageViewer.svelte
@@ -46,9 +46,11 @@
   @use "@recogito/annotorious/dist/annotorious.min.css";
 
   .image-viewer {
+    height: 100%;
     text-align: center;
     img {
       max-width: 100%;
+      max-height: 100%;
     }
   }