From d386b1fc3268ee9dc71e3fe1f412a4430e63288b Mon Sep 17 00:00:00 2001
From: hobbescodes <jakob.hauble@gmail.com>
Date: Sun, 29 Oct 2023 09:19:49 -0500
Subject: [PATCH] style(modal): refactor styles

---
 src/components/Modal/Modal.tsx                           | 4 ++--
 src/lib/theme/extensions/slotRecipes/modal.slotRecipe.ts | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx
index a471f0a..d1c8622 100644
--- a/src/components/Modal/Modal.tsx
+++ b/src/components/Modal/Modal.tsx
@@ -78,12 +78,12 @@ const Modal = ({
                 >
                   <panda.div
                     display={{ base: "block", sm: "none" }}
-                    w="30%"
+                    w="20%"
                     borderRadius="full"
                     mx="auto"
                     my={3}
                     h={2}
-                    bgColor="bg.subtle"
+                    bgColor="border.primary"
                     opacity={{ base: 1, _groupHover: 0.8 }}
                   />
 
diff --git a/src/lib/theme/extensions/slotRecipes/modal.slotRecipe.ts b/src/lib/theme/extensions/slotRecipes/modal.slotRecipe.ts
index eae47c4..50f89cd 100644
--- a/src/lib/theme/extensions/slotRecipes/modal.slotRecipe.ts
+++ b/src/lib/theme/extensions/slotRecipes/modal.slotRecipe.ts
@@ -84,7 +84,7 @@ const modal = defineSlotRecipe({
         content: {
           position: "absolute",
           bottom: 0,
-          borderTopRadius: "md",
+          borderTopRadius: "xl",
           minH: "50vh",
           _open: {
             animation: "slide-in-bottom",