diff --git a/components/Settings.tsx b/components/Settings.tsx
index eb9a682..980c049 100644
--- a/components/Settings.tsx
+++ b/components/Settings.tsx
@@ -203,8 +203,10 @@ export function debugButton(
   inferenceResults,
   nowPlayingResult
 ) {
+  const [debugOpen, debugSetOpen] = useState(false);
+
   let buttonClassName = "";
-  if (open) {
+  if (debugOpen) {
     buttonClassName =
       "fixed z-20 top-4 right-6 bg-sky-400 w-10 h-10 rounded-full flex justify-center items-center text-white text-xl hover:bg-sky-500 hover:drop-shadow-2xl";
   } else {
@@ -212,8 +214,6 @@ export function debugButton(
       "fixed z-20 top-4 right-6 bg-sky-100 w-10 h-10 rounded-full flex justify-center items-center text-sky-900 text-xl hover:text-white hover:bg-sky-500 hover:drop-shadow-2xl";
   }
 
-  const [debugOpen, debugSetOpen] = useState(false);
-
   return (
     <>
       <button
diff --git a/package-lock.json b/package-lock.json
index d761db4..2cc49b4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,8 +11,8 @@
         "@headlessui/react": "^1.5.0",
         "@react-three/drei": "^9.41.2",
         "@react-three/fiber": "^8.9.1",
-        "daisyui": "^2.43.0",
         "@vercel/analytics": "^0.1.6",
+        "daisyui": "^2.43.0",
         "eslint": "8.27.0",
         "eslint-config-next": "13.0.4",
         "next": "13.0.4",