From e3eaee864fd1017c903ec40dea78f696d34b87ea Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Mon, 31 Mar 2025 22:22:13 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Upate=20dialog=20styles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/ui/src/dialog.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/dialog.tsx b/packages/ui/src/dialog.tsx
index 8fe7d53c7..ed1c39567 100644
--- a/packages/ui/src/dialog.tsx
+++ b/packages/ui/src/dialog.tsx
@@ -5,6 +5,8 @@ import { XIcon } from "lucide-react";
 import * as React from "react";
 
 import { cn } from "./lib/utils";
+import { Button } from "./button";
+import { Icon } from "./icon";
 
 export type { DialogProps } from "@radix-ui/react-dialog";
 
@@ -59,12 +61,14 @@ const DialogContent = React.forwardRef<
     >
       {children}
       {!hideCloseButton ? (
-        <DialogPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none">
-          <>
-            <XIcon className="size-4" />
+        <DialogClose asChild className="absolute right-4 top-4">
+          <Button size="icon" variant="ghost">
+            <Icon>
+              <XIcon />
+            </Icon>
             <span className="sr-only">Close</span>
-          </>
-        </DialogPrimitive.Close>
+          </Button>
+        </DialogClose>
       ) : null}
     </DialogPrimitive.Content>
   </DialogPortal>