diff --git a/libs/ui-toolkit/src/components/dialog/index.tsx b/libs/ui-toolkit/src/components/dialog/index.tsx
index 3a2b774fd..8535d0e78 100644
--- a/libs/ui-toolkit/src/components/dialog/index.tsx
+++ b/libs/ui-toolkit/src/components/dialog/index.tsx
@@ -12,8 +12,8 @@ export function Dialog({ children, open, setOpen, title }: DialogProps) {
   return (
     <DialogPrimitives.Root open={open} onOpenChange={(x) => setOpen(x)}>
       <DialogPrimitives.Portal>
-        <DialogPrimitives.Overlay className="fixed inset-0 bg-black opacity-20" />
-        <DialogPrimitives.Content className="fixed w-[500px] bg-white top-40 p-28 left-[calc(50%-250px)]">
+        <DialogPrimitives.Overlay className="fixed inset-0 bg-black dark:bg-white opacity-40 dark:opacity-15" />
+        <DialogPrimitives.Content className="fixed w-[500px] top-40 p-28 left-[calc(50%-250px)] dark:bg-black dark:text-white-60 bg-white text-black-60">
           {title && <h1 className="text-h5 mb-12">{title}</h1>}
           {children}
         </DialogPrimitives.Content>