diff --git a/static/js/theme-switcher.js b/static/js/theme-switcher.js
index 31f42f3..bea4d12 100644
--- a/static/js/theme-switcher.js
+++ b/static/js/theme-switcher.js
@@ -8,7 +8,7 @@ if (savedTheme) {
 
 buttons.forEach(button => {
   button.addEventListener("click", () => {
-    const theme = button.getAttribute("theme");
+    const theme = button.getAttribute("name");
     root.setAttribute("css-theme", theme);
     localStorage.setItem("theme", theme);
   });
diff --git a/templates/partials/header.html b/templates/partials/header.html
index 60f1f05..1a5deca 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -10,10 +10,10 @@
             <span class="dot" id="surface"></span>
         </button>
         <div class="content">
-            <button class="theme-button" theme="classic">Classic</button>
-            <button class="theme-button" theme="nord">Nord</button>
-            <button class="theme-button" theme="kanagawa">Kanagawa</button>            
-            <button class="theme-button" theme="gruvbox">Gruvbox</button>
+            <button class="theme-button" name="classic">Classic</button>
+            <button class="theme-button" name="nord">Nord</button>
+            <button class="theme-button" name="kanagawa">Kanagawa</button>            
+            <button class="theme-button" name="gruvbox">Gruvbox</button>
         </div>
     </div>
 </header>