From 9dcdcf249fe51f1e3633aefe9084a69db910f62a Mon Sep 17 00:00:00 2001
From: OsamaAbdellateef <osama.abd9888@gmail.com>
Date: Wed, 16 Oct 2024 00:36:56 +0300
Subject: [PATCH] Fixing image in doc ui component

---
 docs/ui/Image.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/ui/Image.tsx b/docs/ui/Image.tsx
index 5a003b2a88..7496f9aa41 100644
--- 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>
       )}