add back dialog close button styles

0xFableOrg · Jan 31, 2024 · 40a94c5 · 40a94c5
1 parent 03c6f1e
commit 40a94c5
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/webapp/src/components/ui/dialog.tsx b/packages/webapp/src/components/ui/dialog.tsx
@@ -54,7 +54,7 @@ const DialogContent = React.forwardRef<
     >
       {children}
       {canCloseExternally && (
-        <DialogPrimitive.Close className="absolute right-4 top-4">
+        <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
           <X className="h-4 w-4" />
           <span className="sr-only">Close</span>
         </DialogPrimitive.Close>