diff --git a/index.html b/index.html
index 290f5e58..2d89cc49 100644
--- a/index.html
+++ b/index.html
@@ -129,8 +129,7 @@
           <!-- Login Button -->
           <button
             id="loginButton"
-            style="background-color: #1e293b"
-            class="inline-flex items-center justify-center w-12 h-12 rounded-full text-white text-sm font-bold leading-none hover:bg-[#e6002c] focus:outline-none focus:ring-2 focus:ring-black focus:ring-offset-2"
+            class="btn focus-ring h-12 w-12 rounded-full p-0"
           >
             <img
               src="assets/svg/default-profile.svg"
@@ -142,8 +141,7 @@
           <!-- Upload Button (hidden by default) -->
           <button
             id="uploadButton"
-            style="background-color: #fe0032"
-            class="hidden inline-flex items-center justify-center w-12 h-12 rounded-full text-white text-xl font-bold leading-none hover:bg-[#e6002c] focus:outline-none focus:ring-2 focus:ring-black focus:ring-offset-2"
+            class="hidden btn focus-ring h-12 w-12 rounded-full p-0 text-xl font-bold leading-none"
           >
             +
           </button>
@@ -151,7 +149,7 @@
           <!-- Profile Button (hidden by default) -->
           <button
             id="profileButton"
-            class="hidden inline-flex items-center justify-center w-12 h-12 rounded-full bg-black text-white text-sm leading-none hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black"
+            class="hidden btn-ghost focus-ring h-12 w-12 rounded-full p-0"
           >
             <div class="w-10 h-10 rounded-full overflow-hidden">
               <img