From c32afff1c5f439bae00daa59f144142e1bbd11b9 Mon Sep 17 00:00:00 2001
From: vkuchenik <vkuchenik@contractor.usgs.gov>
Date: Tue, 15 Sep 2026 14:45:32 -0700
Subject: [PATCH] reformatting slot recipes for better orginization

---
 client/src/pages/home/tabs/MyDashboard.jsx | 10 ++++++++++
 client/src/theme.js                        | 18 ------------------
 2 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/client/src/pages/home/tabs/MyDashboard.jsx b/client/src/pages/home/tabs/MyDashboard.jsx
index aa95e62..b76981b 100644
--- a/client/src/pages/home/tabs/MyDashboard.jsx
+++ b/client/src/pages/home/tabs/MyDashboard.jsx
@@ -141,6 +141,16 @@ export default function MyDashboard() {
             {/* THE DELETE BUTTON */}
             {isEditing && (
               <IconButton
+                position="absolute"
+                top={2}
+                right={2}
+                bg="white"
+                color="black"
+                border="1px solid"
+                borderRadius="xl"
+                borderColor="gray.200"
+                _hover={{bg: "red.50", color: "red.500", borderColor: "red.200"}}
+                zIndex={2}
                 aria-label="Remove widget"
                 size="xs"
                 onClick={() => removeWidget(widget.id)}
diff --git a/client/src/theme.js b/client/src/theme.js
index 69a6c3a..53edb4f 100644
--- a/client/src/theme.js
+++ b/client/src/theme.js
@@ -380,24 +380,6 @@ const glassPanelRecipe = defineSlotRecipe({
           width: "100%",
           height: "100%",
           borderRadius: "3xl",
-
-          "& > button": {
-            position: "absolute",
-            top: 2,
-            right: 2,
-            // size="xs",
-            bg: "white",
-            color: "black",
-            border: "1px solid",
-            borderRadius: "xl",
-            borderColor: "gray.200",
-            _hover: {
-              bg: "red.50",
-              color: "red.500",
-              borderColor: "red.200"
-            },
-            zIndex: 2,
-          }
         },
         header: {
           display: "flex",