Refactor continued of UI. changes to theme to make baselines

client/src/pages/home/tabs/MyDashboard.jsx

@@ -36,6 +36,7 @@ export default function MyDashboard() {
   // 1. Pull the new global slot recipe
   const recipe = useSlotRecipe({key: "glassPanel"});
   const styles = recipe({ layout: "widget" });
+  const popoverStyles = recipe({ layout: "popover" });
 
   useEffect(() => {
     if (user?.preferences?.dashboard_layout && !hasHydrated.current) {
@@ -96,7 +97,7 @@ export default function MyDashboard() {
 
                 {/* NEW: The Positioner lifts the content out of the Flexbox flow */}
                 <Popover.Positioner zIndex={10}>
-                  <Popover.Content bg="gray.50" p={4} boxShadow="xl" borderRadius="md">
+                  <Popover.Content css={popoverStyles.root}>
                     <Suspense fallback={<Spinner size="sm"/>}>
                       <SettingsUI
                         widgetId={widget.id}
@@ -149,7 +150,7 @@ export default function MyDashboard() {
             boxShadow={isEditing ? "outline" : styles.root.boxShadow}
             borderStyle={isEditing ? "dashed" : "solid"}
             borderWidth={isEditing ? "2px" : "1px"}
-            borderColor={isEditing ? "gray.400" : styles.root.borderColor}
+            borderColor={isEditing ? "orange.300" : styles.root.borderColor}
             cursor={isEditing ? "grab" : "default"}
             position="relative" // 3. REQUIRED so the absolute button stays inside this box
           >