diff --git a/public/partials/navbar.html b/public/partials/navbar.html
index 727d02a..bd7af64 100644
--- a/public/partials/navbar.html
+++ b/public/partials/navbar.html
@@ -15,10 +15,10 @@
         <!-- Nav and additional actions -->
         <nav class="hidden md:flex items-center space-x-3">
             <!-- Main navigation links with dropdowns -->
-            <div class="flex space-x-2 items-center">
+            <div class="flex items-center gap-5">
                 <!-- LEARN Dropdown -->
                 <div class="relative group">
-                    <button class="flex items-center space-x-1 text-white hover:text-teal-100 focus:outline-none py-2">
+                    <button class="flex items-center gap-1.5 px-2 py-2 text-white hover:text-teal-100 focus:outline-none">
                         <span class="font-medium">LEARN</span>
                         <i class="fas fa-chevron-down text-xs transition-transform duration-200 group-hover:rotate-180"></i>
                     </button>
@@ -57,7 +57,7 @@
 
                 <!-- COMMUNITY Dropdown -->
                 <div class="relative group">
-                    <button class="flex items-center space-x-1 text-white hover:text-teal-100 focus:outline-none py-2">
+                    <button class="flex items-center gap-1.5 px-2 py-2 text-white hover:text-teal-100 focus:outline-none">
                         <span class="font-medium">COMMUNITY</span>
                         <i class="fas fa-chevron-down text-xs transition-transform duration-200 group-hover:rotate-180"></i>
                     </button>
@@ -99,7 +99,7 @@
 
                 <!-- RESOURCES Dropdown -->
                 <div class="relative group">
-                    <button class="flex items-center space-x-1 text-white hover:text-teal-100 focus:outline-none py-2">
+                    <button class="flex items-center gap-1.5 px-2 py-2 text-white hover:text-teal-100 focus:outline-none">
                         <span class="font-medium">RESOURCES</span>
                         <i class="fas fa-chevron-down text-xs transition-transform duration-200 group-hover:rotate-180"></i>
                     </button>
@@ -130,7 +130,7 @@
 
                 <!-- ABOUT Dropdown -->
                 <div class="relative group">
-                    <button class="flex items-center space-x-1 text-white hover:text-teal-100 focus:outline-none py-2">
+                    <button class="flex items-center gap-1.5 px-2 py-2 text-white hover:text-teal-100 focus:outline-none">
                         <span class="font-medium">ABOUT</span>
                         <i class="fas fa-chevron-down text-xs transition-transform duration-200 group-hover:rotate-180"></i>
                     </button>
@@ -268,7 +268,7 @@
                         </button>
                     </div>
 
-                    <div class="space-y-4">
+                    <div class="space-y-10">
                         <div class="border-b border-gray-200 dark:border-gray-700 pb-4">
                             <div class="flex items-center justify-between py-2 cursor-pointer" onclick="toggleAccordion('learn-accordion')">
                                 <span class="text-gray-800 dark:text-gray-200 font-semibold">LEARN</span>
@@ -323,4 +323,4 @@
             </div>
         </div>
     </div>
-</header>
\ No newline at end of file
+</header>