diff --git a/webui/src/components/display/BlobPreview.svelte b/webui/src/components/display/BlobPreview.svelte
index a088369..250af1f 100644
--- a/webui/src/components/display/BlobPreview.svelte
+++ b/webui/src/components/display/BlobPreview.svelte
@@ -60,8 +60,8 @@
   let imageLoaded = null;
 </script>
 
-{#if handled}
-  <div class="preview">
+<div class="preview">
+  {#if handled}
     {#if group}
       <ul class="group">
         {#each groupChildren as address (address)}
@@ -109,12 +109,12 @@
         />
       </div>
     {/if}
-  </div>
-{:else}
-  <div class="hashbadge">
-    <HashBadge {address} />
-  </div>
-{/if}
+  {:else}
+    <div class="hashbadge">
+      <HashBadge {address} />
+    </div>
+  {/if}
+</div>
 
 <style lang="scss">
   .preview {
@@ -146,6 +146,7 @@
     font-size: 48px;
     opacity: 0.25;
     text-align: center;
+    line-height: 1;
   }
 
   .group {