From 1a54b016bf3ab27ffd60cee74cc3e431c9f5b73e Mon Sep 17 00:00:00 2001
From: evavirseda <evirseda@boxfish.studio>
Date: Mon, 25 Nov 2024 08:34:09 +0100
Subject: [PATCH] fix overlay (#4190)

---
 .../src/lib/components/organisms/dialog/Dialog.tsx     | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/ui-kit/src/lib/components/organisms/dialog/Dialog.tsx b/apps/ui-kit/src/lib/components/organisms/dialog/Dialog.tsx
index 53971681633..58575ba3dcb 100644
--- a/apps/ui-kit/src/lib/components/organisms/dialog/Dialog.tsx
+++ b/apps/ui-kit/src/lib/components/organisms/dialog/Dialog.tsx
@@ -17,11 +17,15 @@ const DialogOverlay = React.forwardRef<
     React.ElementRef<typeof RadixDialog.Overlay>,
     React.ComponentPropsWithoutRef<typeof RadixDialog.Overlay> & {
         showCloseIcon?: boolean;
+        position?: DialogPosition;
     }
->(({ showCloseIcon, ...props }, ref) => (
+>(({ showCloseIcon, position, ...props }, ref) => (
     <RadixDialog.Overlay
         ref={ref}
-        className="fixed inset-0 z-[99998] bg-shader-neutral-light-48 backdrop-blur-md"
+        className={cx('inset-0 z-[99998] bg-shader-neutral-light-48 backdrop-blur-md', {
+            fixed: position === DialogPosition.Right,
+            absolute: position === DialogPosition.Center,
+        })}
         {...props}
     >
         <DialogClose className={cx('fixed right-3 top-3', { hidden: !showCloseIcon })}>
@@ -66,7 +70,7 @@ const DialogContent = React.forwardRef<
                 : 'max-h-[60vh] left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-xl w-80 max-w-[85vw]';
         return (
             <RadixDialog.Portal container={containerElement}>
-                <DialogOverlay showCloseIcon={showCloseOnOverlay} />
+                <DialogOverlay showCloseIcon={showCloseOnOverlay} position={position} />
                 <RadixDialog.Content
                     ref={ref}
                     className={cx(