diff --git a/apps/web/src/app/(main)/(landing)/layout.tsx b/apps/web/src/app/(main)/(landing)/layout.tsx
index 1ca3e60..4abe661 100644
--- a/apps/web/src/app/(main)/(landing)/layout.tsx
+++ b/apps/web/src/app/(main)/(landing)/layout.tsx
@@ -1,8 +1,9 @@
 import React from 'react'
-
+import Navbar from '@/components/landing-sections/navbar'
 const Layout = ({ children }: { children: React.ReactNode }) => {
     return (
         <section>
+            <Navbar />
             {children}
         </section>
     )
diff --git a/apps/web/src/app/(main)/(landing)/pricing/page.tsx b/apps/web/src/app/(main)/(landing)/pricing/page.tsx
index b53e989..2549303 100644
--- a/apps/web/src/app/(main)/(landing)/pricing/page.tsx
+++ b/apps/web/src/app/(main)/(landing)/pricing/page.tsx
@@ -424,9 +424,8 @@ const SecondaryPricingCard = ({ callbackUrl }: { callbackUrl: string }) => {
                 planName="Opensox Pro"
                 description="Annual Subscription"
                 buttonText={planIdOk ? "Invest" : "Unavailable"}
-                buttonClassName={`w-full max-w-[500px] mx-auto font-semibold ${
-                  planIdOk ? "" : "opacity-60 cursor-not-allowed"
-                }`}
+                buttonClassName={`w-full max-w-[500px] mx-auto font-semibold ${planIdOk ? "" : "opacity-60 cursor-not-allowed"
+                  }`}
                 callbackUrl={callbackUrl}
               />
               <div className="flex justify-center mt-3">
diff --git a/apps/web/src/components/landing-sections/navbar.tsx b/apps/web/src/components/landing-sections/navbar.tsx
index 8ae34f3..6c62985 100644
--- a/apps/web/src/components/landing-sections/navbar.tsx
+++ b/apps/web/src/components/landing-sections/navbar.tsx
@@ -48,12 +48,7 @@ const Navbar = () => {
       initial={{ opacity: 0 }}
       animate={showNavbar ? { opacity: 1 } : { opacity: 0, display: "none" }}
       transition={{ duration: 0.3 }}
-      className={cn(
-        " z-40  flex items-center justify-between px-4 py-3  bg-neutral-900/5 backdrop-blur-xl  border-white/10",
-        isPricingPage
-          ? "relative h-max md:w-full top-0 border-b"
-          : "fixed rounded-3xl top-4 border w-[94%] md:w-[80%] mx-auto left-1/2 -translate-x-1/2"
-      )}
+      className="z-40 flex items-center justify-between px-4 py-3 bg-neutral-900/5 backdrop-blur-xl border-white/10 fixed rounded-3xl top-4 border w-[94%] md:w-[80%] mx-auto left-1/2 -translate-x-1/2"
     >
       <div className="flex items-center gap-3">
         <button
diff --git a/apps/web/src/components/ui/header.tsx b/apps/web/src/components/ui/header.tsx
index faaeabc..1400a8a 100644
--- a/apps/web/src/components/ui/header.tsx
+++ b/apps/web/src/components/ui/header.tsx
@@ -6,7 +6,7 @@ import { colors } from "@/lib/design-tokens";
 
 const Header = ({ title }: { title: string | React.ReactNode }) => {
   return (
-    <div className="px-[30px] py-10 h-[160px] relative overflow-hidden border-b border w-full">
+    <div className="px-[30px] mt-28 py-10 h-[160px] relative overflow-hidden border-b border w-full">
       <motion.h4
         initial={{ opacity: 0, y: 30, filter: "blur(10px)" }}
         animate={{ opacity: 1, y: 0, filter: "blur(0px)" }}