diff --git a/src/components/layout/index.tsx b/src/components/layout/index.tsx
index 81418bcc9..a0e79a2ef 100644
--- a/src/components/layout/index.tsx
+++ b/src/components/layout/index.tsx
@@ -19,21 +19,20 @@ const Layout = ({ children, location, liquid, title }: Props) => {
   return (
     <div
       id="layout"
-      className="min-h-screen flex-col bg-light font-prose font-normal text-gray-800 opacity-[99%] dark:bg-darkest dark:text-white"
+      className="bg-light font-prose font-normal text-gray-800 opacity-[99%] dark:bg-darkest dark:text-white"
     >
       <div className="hidden md:flex fixed bottom-0 left-0 mb-6 ml-5 rounded-full shadow-lg bg-white border z-40">
         <FeedbackReport />
       </div>
 
-      <Header location={location} siteTitle="Time Table Selector" />
-      <div className="flex flex-col flex-grow">
+      <div className="min-h-screen flex flex-col">
+        <Header location={location} siteTitle="Time Table Selector" />
         <div className={classNames('flex-grow', liquid ? 'sm:my-auto' : '')}>
           {children}
         </div>
-        <Footer />
       </div>
+      <Footer />
     </div>
-
   )
 }