reformatting slot recipes for better orginization

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)}

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",