diff --git a/webui/src/components/BrowseColumn.svelte b/webui/src/components/BrowseColumn.svelte
index 1429c37..7d9b001 100644
--- a/webui/src/components/BrowseColumn.svelte
+++ b/webui/src/components/BrowseColumn.svelte
@@ -48,7 +48,13 @@
       disabled={only}
     />
   </header>
-  <Inspect {address} editable={editable || false} {index} on:resolved />
+  <Inspect
+    {address}
+    editable={editable || false}
+    {index}
+    --preview-height={detail ? "50vh" : "20em"}
+    on:resolved
+  />
 </div>
 
 <style lang="scss">
diff --git a/webui/src/components/display/BlobPreview.svelte b/webui/src/components/display/BlobPreview.svelte
index 0071e90..180ae12 100644
--- a/webui/src/components/display/BlobPreview.svelte
+++ b/webui/src/components/display/BlobPreview.svelte
@@ -114,12 +114,12 @@
   img,
   .text {
     width: 100%;
-    max-height: 25em;
+    max-height: var(--preview-height, 25em);
   }
 
   iframe {
     width: 100%;
-    min-height: 25em;
+    min-height: var(--preview-height, 25em);
   }
 
   .text {