diff --git a/src/components/Layouts/MainLayout.tsx b/src/components/Layouts/MainLayout.tsx
index 355e5a19..7d9aa638 100644
--- a/src/components/Layouts/MainLayout.tsx
+++ b/src/components/Layouts/MainLayout.tsx
@@ -3,21 +3,23 @@ import { Header } from '../Nav/Header'
 import { Footer } from '../Discours/Footer'
 
 import '../../styles/app.scss'
+import { Show } from 'solid-js'
 
-type Props = {
+type MainLayoutProps = {
   headerTitle?: string
   children: JSX.Element
   isHeaderFixed?: boolean
+  hideFooter?: boolean
 }
 
-export const MainLayout = (props: Props) => {
-  const isHeaderFixed = props.isHeaderFixed !== undefined ? props.isHeaderFixed : true
-
+export const MainLayout = (props: MainLayoutProps) => {
   return (
     <>
-      <Header title={props.headerTitle} isHeaderFixed={isHeaderFixed} />
+      <Header title={props.headerTitle} isHeaderFixed={props.isHeaderFixed === true} />
       <main class="main-content">{props.children}</main>
-      <Footer />
+      <Show when={props.hideFooter !== true}>
+        <Footer />
+      </Show>
     </>
   )
 }
diff --git a/src/components/Pages/FourOuFourPage.tsx b/src/components/Pages/FourOuFourPage.tsx
index 38d955cf..68d5cb97 100644
--- a/src/components/Pages/FourOuFourPage.tsx
+++ b/src/components/Pages/FourOuFourPage.tsx
@@ -3,7 +3,7 @@ import { MainLayout } from '../Layouts/MainLayout'
 
 export const FourOuFourPage = () => {
   return (
-    <MainLayout isHeaderFixed={false}>
+    <MainLayout isHeaderFixed={false} hideFooter={true}>
       <FourOuFourView />
     </MainLayout>
   )
diff --git a/src/styles/FourOuFour.module.scss b/src/styles/FourOuFour.module.scss
index 3ae39ce7..54da05f3 100644
--- a/src/styles/FourOuFour.module.scss
+++ b/src/styles/FourOuFour.module.scss
@@ -1,11 +1,3 @@
-header {
-  position: absolute;
-}
-
-footer {
-  display: none;
-}
-
 .main-logo {
   height: 80px !important;
 }