diff --git a/src/components/feed/PostDetailDialog.tsx b/src/components/feed/PostDetailDialog.tsx
index cf6e612..9b108c2 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-fit w-fit"
+                  wrapperClassName="relative block h-auto w-fit"
                 />
               </CarouselItem>
             ))}
@@ -294,7 +294,7 @@ export function PostDetailDialog({ post, open, onClose, onDeleted }: PostDetailD
           blurhash={images[0].blurhash}
           alt={currentCaption ?? `${pet.name}'s post`}
           className="block max-h-full max-w-full object-contain"
-          wrapperClassName="relative block h-fit w-fit"
+          wrapperClassName="relative block h-auto 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 f60740d..7909ed9 100644
--- a/src/components/stories/StoryViewer.tsx
+++ b/src/components/stories/StoryViewer.tsx
@@ -168,7 +168,7 @@ export function StoryViewer({
                 blurhash={currentStory.blurhash}
                 alt={t("storyAriaLabel", { petName })}
                 className="block max-h-screen max-w-full object-contain"
-                wrapperClassName="relative block h-fit w-fit"
+                wrapperClassName="relative block h-auto w-fit"
               />
               <AiDisclosureBadge
                 value={currentStory.aiDisclosure}