diff --git a/src/app/tenders-procurement/page.tsx b/src/app/tenders-procurement/page.tsx
index 6187d2c..6abb160 100644
--- a/src/app/tenders-procurement/page.tsx
+++ b/src/app/tenders-procurement/page.tsx
@@ -26,11 +26,13 @@ export default function TendersProcurementPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarLayoutFloatingInline
-        navItems={navItems}
-        brandName="Webild"
-        button={{ text: "Contact Us", href: "#footer" }}
-      />
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={navItems}
+          brandName="Webild"
+          button={{ text: "Contact Us", href: "#footer" }}
+        />
+      </div>
       <div id="hero" data-section="hero">
         <HeroBillboardDashboard
           title="Tenders & Procurement"
@@ -38,6 +40,7 @@ export default function TendersProcurementPage() {
           tag="Opportunities"
           tagIcon={Briefcase}
           buttons={[{ text: "View Tenders", href: "#tenders" }]}
+          background={{ variant: "plain" }}
           dashboard={{
             title: "Procurement Dashboard",            stats: [
               { title: "Open Tenders", values: [5, 7, 10], description: "Active" },