diff --git a/components/layout/navbar/index.tsx b/components/layout/navbar/index.tsx
index 09341c646..2683942c9 100644
--- a/components/layout/navbar/index.tsx
+++ b/components/layout/navbar/index.tsx
@@ -30,12 +30,12 @@ export default async function Navbar() {
             </div>
           </Link>
           {menu.length ? (
-            <ul className="hidden text-sm md:flex md:items-center">
+            <ul className="hidden gap-6 text-sm md:flex md:items-center">
               {menu.map((item: Menu) => (
                 <li key={item.title}>
                   <Link
                     href={item.path}
-                    className="mr-3 text-neutral-500 underline-offset-4 hover:text-black hover:underline dark:text-neutral-400 dark:hover:text-neutral-300 lg:mr-8"
+                    className="text-neutral-500 underline-offset-4 hover:text-black hover:underline dark:text-neutral-400 dark:hover:text-neutral-300"
                   >
                     {item.title}
                   </Link>