diff --git a/packages/pl-fe/src/components/blurhash.tsx b/packages/pl-fe/src/components/blurhash.tsx
index 9ba2cc727..084e542a2 100644
--- a/packages/pl-fe/src/components/blurhash.tsx
+++ b/packages/pl-fe/src/components/blurhash.tsx
@@ -40,10 +40,12 @@ const Blurhash: React.FC<IBlurhash> = React.memo(({
     try {
       const pixels = decode(hash, width, height);
       const ctx = canvas.getContext('2d');
-      const imageData = new ImageData(new Uint8ClampedArray(pixels), width, height);
+      const imageData = ctx?.createImageData(width, height);
+      imageData?.data.set(pixels);
 
-      if (!ctx) return;
-      ctx.putImageData(imageData, 0, 0);
+      if (imageData) {
+        ctx?.putImageData(imageData, 0, 0);
+      }
     } catch (err) {
       console.error('Blurhash decoding failure', { err, hash });
     }
diff --git a/packages/pl-fe/src/styles/new/modals.scss b/packages/pl-fe/src/styles/new/modals.scss
index cc3ee14a8..af24db252 100644
--- a/packages/pl-fe/src/styles/new/modals.scss
+++ b/packages/pl-fe/src/styles/new/modals.scss
@@ -7,7 +7,8 @@
 }
 
 .⁂-zoomable-image {
-  @apply relative flex size-full items-center justify-center;
+  @apply relative flex size-full items-center justify-center overflow-hidden select-none;
+  scrollbar-width: none;
 
   &--zoomed-in {
     @apply cursor-grab z-[9999];