quick header fix

src/components/Layouts/MainLayout.tsx

@@ -13,11 +13,9 @@ type MainLayoutProps = {
 }
 
 export const MainLayout = (props: MainLayoutProps) => {
-  const isHeaderFixed = props.isHeaderFixed !== undefined ? props.isHeaderFixed : true
-
   return (
     <>
-      <Header title={props.headerTitle} isHeaderFixed={isHeaderFixed} />
+      <Header title={props.headerTitle} isHeaderFixed={props.isHeaderFixed === true} />
       <main class="main-content">{props.children}</main>
       <Show when={props.hideFooter !== true}>
         <Footer />

src/styles/FourOuFour.module.scss

@@ -1,7 +1,3 @@
-header {
-  position: absolute;
-}
-
 .main-logo {
   height: 80px !important;
 }