From 0ffe479c9170f1b256c4cba8936de71bf697393e Mon Sep 17 00:00:00 2001
From: Mackie <iwan.mackie@gmail.com>
Date: Wed, 3 Jun 2026 22:59:31 +0800
Subject: [PATCH] nav

---
 src/Header/Nav/index.tsx | 31 +++++++++++++++++--------------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/Header/Nav/index.tsx b/src/Header/Nav/index.tsx
index 6411ba2..30310ad 100644
--- a/src/Header/Nav/index.tsx
+++ b/src/Header/Nav/index.tsx
@@ -1,26 +1,29 @@
 'use client'
 
 import React from 'react'
-
+import { Container } from '@/components/ui/Container' // Adjust path as needed
 import type { Header as HeaderType } from '@/payload-types'
-
 import { CMSLink } from '@/components/Link'
 
 export const HeaderNav: React.FC<{ data: HeaderType }> = ({ data }) => {
   const navItems = data?.navItems || []
 
   return (
-    <nav className="flex gap-1 items-center">
-      {navItems.map(({ link }, i) => {
-        return (
-          <CMSLink
-            key={i}
-            {...link}
-            appearance="link"
-            className="px-4 py-2 rounded-xl text-sm text-foreground/60 hover:text-foreground hover:bg-foreground/10 transition-all"
-          />
-        )
-      })}
-    </nav>
+    <div className="border-b border-foreground/8">
+      <Container>
+        <nav className="flex gap-1 items-center py-2">
+          {navItems.map(({ link }, i) => {
+            return (
+              <CMSLink
+                key={i}
+                {...link}
+                appearance="link"
+                className="px-4 py-2 rounded-xl text-sm text-foreground/60 hover:text-foreground hover:bg-foreground/10 transition-all"
+              />
+            )
+          })}
+        </nav>
+      </Container>
+    </div>
   )
 }