From 0aac3f48160c8e851c2842653e7b72c59c617194 Mon Sep 17 00:00:00 2001
From: RobbyV2 <robby@robby.blue>
Date: Thu, 17 Jul 2025 16:49:44 -0700
Subject: [PATCH] Move button closure higher in SettingsModal

---
 src/components/SettingsModal.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/SettingsModal.tsx b/src/components/SettingsModal.tsx
index bbbb7fb..a865752 100644
--- a/src/components/SettingsModal.tsx
+++ b/src/components/SettingsModal.tsx
@@ -155,13 +155,15 @@ export function SettingsModal() {
   ];
 
   return (
-    <Button
-      onClick={() => setIsOpen(true)}
-      className="rounded-full p-2 text-foreground hover:bg-offbase transform transition-transform duration-200 ease-in-out hover:scale-[1.1] hover:text-accent absolute top-1 left-1 sm:top-3 sm:left-3"
-      aria-label="Settings"
-      tabIndex={0}
-    >
-      <SettingsIcon className="w-4 h-4 sm:w-5 sm:h-5 hover:animate-spin-slow" />
+    <>
+      <Button
+        onClick={() => setIsOpen(true)}
+        className="rounded-full p-2 text-foreground hover:bg-offbase transform transition-transform duration-200 ease-in-out hover:scale-[1.1] hover:text-accent absolute top-1 left-1 sm:top-3 sm:left-3"
+        aria-label="Settings"
+        tabIndex={0}
+      >
+        <SettingsIcon className="w-4 h-4 sm:w-5 sm:h-5 hover:animate-spin-slow" />
+      </Button>
 
       <Transition appear show={isOpen} as={Fragment}>
         <Dialog as="div" className="relative z-50" onClose={resetToCurrent}>
@@ -496,6 +498,6 @@ export function SettingsModal() {
         confirmText="Delete"
         isDangerous={true}
       />
-    </Button>
+    </>
   );
 }