diff --git a/src/UI/Image/AttributedImage.svelte b/src/UI/Image/AttributedImage.svelte
index 519e7cdb8..083f6dfd6 100644
--- a/src/UI/Image/AttributedImage.svelte
+++ b/src/UI/Image/AttributedImage.svelte
@@ -18,7 +18,7 @@
   export let previewedImage: UIEventSource<ProvidedImage> = undefined
 </script>
 
-<div class="relative">
+<div class="relative shrink-0">
   <img
     bind:this={imgEl}
     class={imgClass ?? ""}
diff --git a/src/UI/Image/ImagePreview.svelte b/src/UI/Image/ImagePreview.svelte
index 2876b70b7..afa457f73 100644
--- a/src/UI/Image/ImagePreview.svelte
+++ b/src/UI/Image/ImagePreview.svelte
@@ -20,7 +20,7 @@
       panzoomInstance = panzoom(panzoomEl, {
         bounds: true,
         boundsPadding: 0.49,
-        minZoom: 1,
+        minZoom: 0.1,
         maxZoom: 25,
         initialZoom: 1.0,
       })
@@ -32,7 +32,7 @@
 
 <img
   bind:this={panzoomEl}
-  class="panzoom-image h-fit w-fit"
+  class="panzoom-image h-fit max-w-fit"
   on:load={() => {
     isLoaded?.setData(true)
   }}