diff --git a/apps/renderer/src/components/ui/media/preview-media.tsx b/apps/renderer/src/components/ui/media/preview-media.tsx
index a9ca14e1e..5cda99490 100644
--- a/apps/renderer/src/components/ui/media/preview-media.tsx
+++ b/apps/renderer/src/components/ui/media/preview-media.tsx
@@ -287,13 +287,9 @@ const FallbackableImage: FC<
       {isLoading && !isAllError && (
         <div className="center absolute inset-0 size-full">
           {blurhash ? (
-            <Blurhash
-              hash={blurhash}
-              resolutionX={32}
-              resolutionY={32}
-              className="!size-full"
-              style={{ aspectRatio: `${props.width} / ${props.height}` }}
-            />
+            <div style={{ aspectRatio: `${props.width} / ${props.height}` }} className="w-full">
+              <Blurhash hash={blurhash} resolutionX={32} resolutionY={32} className="!size-full" />
+            </div>
           ) : (
             <i className="i-mgc-loading-3-cute-re size-8 animate-spin text-white/80" />
           )}