diff --git a/components/layout/index.js b/components/layout/index.js
index e19bea7..a29b3cb 100644
--- a/components/layout/index.js
+++ b/components/layout/index.js
@@ -36,14 +36,14 @@ function Layout({
                   "pb-[calc(16px_+_80px)] sm:pb-[calc(52px_+_80px)] md:pb-[80px]"
                 }`}
       >
-        <header className="w-full fixed bg-[#FFF] top-0 right-1/2 translate-x-1/2 z-[10]">
-          <div className="w-full padding-responsive shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]">
+        <header className="w-full sticky bg-[#FFF] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] mt-[12px] sm:mt-[21px] md:mt-[30px] lg:mt-[40px] top-0 right-1/2 z-[10]">
+          <div className="w-full padding-responsive">
             <Header name={name} />
           </div>
         </header>
         <section
           className={`
-                    opacity-page
+                    opacity-page -mt-[calc(48px_+_12px)] sm:-mt-[calc(56px_+_21px)] md:-mt-[calc(64px_+_30px)] lg:-mt-[calc(80px_+_40px)]
                     ${
                       isSidebar &&
                       "padding-responsive min-h-screen flex items-stretch justify-center gap-[12px] lg:gap-[24px] pt-[76px] sm:pt-[109px] mt:pt-[142px] lg:pt-[176px]"