From 8e514418d435ca306dc961b52889728e8154cd2f Mon Sep 17 00:00:00 2001
From: vkuchenik <vkuchenik@contractor.usgs.gov>
Date: Mon, 14 Sep 2026 09:04:16 -0700
Subject: [PATCH] removed some leftover code from a recipe that was unused

---
 client/src/components/dashboard/SettingsButton.jsx | 6 ++----
 client/src/theme.js                                | 1 +
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/client/src/components/dashboard/SettingsButton.jsx b/client/src/components/dashboard/SettingsButton.jsx
index 5d2ba4c..f49d6ae 100644
--- a/client/src/components/dashboard/SettingsButton.jsx
+++ b/client/src/components/dashboard/SettingsButton.jsx
@@ -32,9 +32,7 @@ export function SettingsButton() {
   const addWidget = useDashboardStore(state => state.addWidget);
 
   const glassTabRecipe = useRecipe({key: "glassTab"});
-  const settingsButtonRecipe = useRecipe({key: "settingsButton"});
   const tabStyles = glassTabRecipe();
-  const settingsButtonStyles = settingsButtonRecipe();
 
   const [canScrollLeft, setCanScrollLeft] = useState(false);
   const [canScrollRight, setCanScrollRight] = useState(false);
@@ -42,7 +40,7 @@ export function SettingsButton() {
   // Pull the glass container styles for the dropdown and modal
   const panelRecipe = useSlotRecipe({key: "glassPanel"});
   const panelStyles = panelRecipe({layout: "dropdown"});
-  const modalStyles = panelRecipe({layout: "popover", leftScroll: canScrollLeft ? "visible" : "hidden", rightScroll: canScrollRight ? "visible" : "hidden"});
+  const modalStyles = panelRecipe({layout: "popover"});
 
   const [isLibraryOpen, setIsLibraryOpen] = useState(false);
 
@@ -95,7 +93,7 @@ export function SettingsButton() {
     <>
       {isEditing ? (
         // 📝 EDIT MODE: The 3-Pill Layout
-        <HStack css={settingsButtonStyles.root}>
+        <HStack>
           {/* 1. The Add Widget Button */}
           <Box as="button" css={tabStyles} data-state="open" onClick={() => setIsLibraryOpen(true)}
             color={{base: "blue.500", _dark: "blue.300"}} _hover={{bg: "rgba(66, 153, 225, 0.1)"}}
diff --git a/client/src/theme.js b/client/src/theme.js
index 75443b6..5973923 100644
--- a/client/src/theme.js
+++ b/client/src/theme.js
@@ -446,6 +446,7 @@ const glassPanelRecipe = defineSlotRecipe({
           backdropFilter: "blur(15px)",
           WebkitBackdropFilter: "blur(15px)",
 
+
           // dialog header
           "& > div.chakra-dialog__header": {
             bg: "transparent",