From 29619ead2f3c7225b08f7253d1f4309019aa5ea0 Mon Sep 17 00:00:00 2001
From: Gustav Larsson <gularsson@users.noreply.github.com>
Date: Fri, 22 Dec 2023 16:11:52 +0100
Subject: [PATCH] fix: use sheet close button (#19)

---
 src/components/ui/sheet.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
index 2e3bc1bd..3bc2242b 100644
--- a/src/components/ui/sheet.tsx
+++ b/src/components/ui/sheet.tsx
@@ -2,6 +2,7 @@
 
 import * as React from 'react'
 import * as SheetPrimitive from '@radix-ui/react-dialog'
+import { Button } from './button'
 import { cva, type VariantProps } from 'class-variance-authority'
 import { X } from 'lucide-react'
 
@@ -65,8 +66,10 @@ SheetContentProps
       {...props}
     >
       {children}
-      <SheetPrimitive.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-secondary">
-        <X className="h-4 w-4" />
+      <SheetPrimitive.Close className="absolute right-2 top-2 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-secondary">
+        <Button variant='ghost' className='w-9 px-0'>
+          <X />
+        </Button>
         <span className="sr-only">Close</span>
       </SheetPrimitive.Close>
     </SheetPrimitive.Content>