Fixing image in doc ui component

marigold-ui · Oct 15, 2024 · 9dcdcf2 · 9dcdcf2
1 parent fab9442
commit 9dcdcf2
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/docs/ui/Image.tsx b/docs/ui/Image.tsx
@@ -42,7 +42,9 @@ export const Image = ({
             keyboardDismissable
           >
             <Dialog aria-labelledby="fullsize image" closeButton variant="zoom">
-              <NextImage {...props} />
+              <Dialog.Content>
+                <NextImage {...props} />
+              </Dialog.Content>
             </Dialog>
           </Dialog.Trigger>
         )}
@@ -84,7 +86,9 @@ export const Image = ({
           keyboardDismissable
         >
           <Dialog aria-labelledby="fullsize image" closeButton variant="zoom">
-            <NextImage {...props} />
+            <Dialog.Content>
+              <NextImage {...props} />
+            </Dialog.Content>
           </Dialog>
         </Dialog.Trigger>
       )}