diff --git a/src/components/layout/PageWrapper/PageWrapper.tsx b/src/components/layout/PageWrapper/PageWrapper.tsx
index 36e2d18ef1..f009e65fd4 100644
--- a/src/components/layout/PageWrapper/PageWrapper.tsx
+++ b/src/components/layout/PageWrapper/PageWrapper.tsx
@@ -20,10 +20,10 @@ const PageWrapper: React.FC<Props> = ({ children, noMarginFooter }: Props) => {
   }
 
   return (
-    <div className={`flex flex-col h-full`}>
+    <div className={`flex flex-col h-full ${!isHome ? styles.padtop : ''}`}>
       <AnalyticsCookieBanner />
       {!isHome && (
-        <div className={`bg-dark`}>
+        <div className={`bg-dark ${styles.locked}`}>
           <nav className="container">
             <SearchBar />
           </nav>
diff --git a/src/components/layout/PageWrapper/pageWrapper.module.scss b/src/components/layout/PageWrapper/pageWrapper.module.scss
index 3621be8f22..f45631d8e1 100644
--- a/src/components/layout/PageWrapper/pageWrapper.module.scss
+++ b/src/components/layout/PageWrapper/pageWrapper.module.scss
@@ -1,3 +1,16 @@
 .searchBarBorder {
   height: 2px;
 }
+
+.locked{
+  position: fixed !important;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1000;
+
+}
+
+.padtop{
+  padding-top: 2.6em;
+}