diff --git a/v1/settings.html b/v1/settings.html
index f4a82b1..8fed05c 100644
--- a/v1/settings.html
+++ b/v1/settings.html
@@ -26,11 +26,23 @@
 
         <!-- Navigasi (Desktop) -->
         <nav class="hidden lg:flex items-center text-sm gap-6 ml-auto">
-            <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">SETTING</a>
-            <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY FORMAT</a>
-            <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY CALC</a>
-            <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a>
-            <img src="../images/avatar.png" class="mr-3" />
+            <ul class="flex items-center gap-6 text-sm">
+                <li class="bg-[#E3F2FD] rounded-sm p-3">
+                    <a href="#" class="text-[#2196F3] transition font-bold hover:text-black/87">SETTING</a>
+                </li>
+                <li>
+                    <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY FORMAT</a>
+                </li>
+                <li>
+                    <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY CALC</a>
+                </li>
+                <li>
+                    <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a>
+                </li>
+                <li>
+                    <img src="../images/avatar.png" class="mr-3" />
+                </li>
+            </ul>
         </nav>
 
         <!-- Hamburger Menu (Mobile) -->