diff --git a/src/components/feed/PostDetailDialog.tsx b/src/components/feed/PostDetailDialog.tsx
index 3a0b775..cf6e612 100644
--- a/src/components/feed/PostDetailDialog.tsx
+++ b/src/components/feed/PostDetailDialog.tsx
@@ -265,7 +265,7 @@ export function PostDetailDialog({ post, open, onClose, onDeleted }: PostDetailD
                   blurhash={img.blurhash}
                   alt={currentCaption ?? `${pet.name}'s post`}
                   className="block max-h-full max-w-full object-contain"
-                  wrapperClassName="relative block h-auto w-auto"
+                  wrapperClassName="relative block h-fit w-fit"
                 />
               </CarouselItem>
             ))}
@@ -288,13 +288,13 @@ export function PostDetailDialog({ post, open, onClose, onDeleted }: PostDetailD
         </div>
       </div>
     ) : (
-      <div className="relative inline-flex max-h-full max-w-full">
+      <div className="relative inline-flex w-fit max-h-full max-w-full">
         <BlurImage
           src={getMediaUrl(images[0].storageKey) ?? ""}
           blurhash={images[0].blurhash}
           alt={currentCaption ?? `${pet.name}'s post`}
           className="block max-h-full max-w-full object-contain"
-          wrapperClassName="relative block h-auto w-auto"
+          wrapperClassName="relative block h-fit w-fit"
         />
         <AiDisclosureBadge value={post.aiDisclosure} className="h-8" />
       </div>
diff --git a/src/components/stories/StoryViewer.tsx b/src/components/stories/StoryViewer.tsx
index 89dc27d..f60740d 100644
--- a/src/components/stories/StoryViewer.tsx
+++ b/src/components/stories/StoryViewer.tsx
@@ -162,13 +162,13 @@ export function StoryViewer({
               usages like feed thumbnails), so it's overridden here via
               wrapperClassName. */}
           {mediaUrl && (
-            <div className="relative inline-flex max-h-screen max-w-full">
+            <div className="relative inline-flex w-fit max-h-screen max-w-full">
               <BlurImage
                 src={mediaUrl}
                 blurhash={currentStory.blurhash}
                 alt={t("storyAriaLabel", { petName })}
                 className="block max-h-screen max-w-full object-contain"
-                wrapperClassName="relative block h-auto w-auto"
+                wrapperClassName="relative block h-fit w-fit"
               />
               <AiDisclosureBadge
                 value={currentStory.aiDisclosure}