diff --git a/frontend/src/components/Dashboard/DashboardEditor.tsx b/frontend/src/components/Dashboard/DashboardEditor.tsx
index 20ad3bb..f66bf97 100644
--- a/frontend/src/components/Dashboard/DashboardEditor.tsx
+++ b/frontend/src/components/Dashboard/DashboardEditor.tsx
@@ -638,11 +638,19 @@ export function DashboardEditor({
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="size-11 text-muted-foreground md:size-8"
+                    className={cn(
+                      "size-11 text-muted-foreground md:size-8",
+                      settingsOpen && "text-primary",
+                    )}
                     onClick={() => {
+                      if (settingsOpen) {
+                        setSettingsOpen(false)
+                        return
+                      }
                       setSelected(null)
                       setSettingsOpen(true)
                     }}
+                    aria-pressed={settingsOpen}
                     aria-label="Dashboard settings"
                     data-testid="edit-dashboard"
                   >