diff --git a/client-solid/src/Containers/Footer.tsx b/client-solid/src/Containers/Footer.tsx
index 3b93362..b7bde11 100644
--- a/client-solid/src/Containers/Footer.tsx
+++ b/client-solid/src/Containers/Footer.tsx
@@ -2,7 +2,7 @@ import { JSXElement } from "solid-js";
 
 export function Footer(): JSXElement {
   return (
-    <footer class="footer footer-center bottom-0 rounded bg-base-200 p-10 text-base-content">
+    <footer class="footer footer-center rounded bg-base-200 p-10 text-base-content">
       <nav class="grid grid-flow-col gap-4">
         <a class="link-hover link">About us</a>
         <a class="link-hover link">Contact</a>
diff --git a/client-solid/src/Containers/Root.tsx b/client-solid/src/Containers/Root.tsx
index 93407bb..daf762c 100644
--- a/client-solid/src/Containers/Root.tsx
+++ b/client-solid/src/Containers/Root.tsx
@@ -11,10 +11,10 @@ function Root(): JSXElement {
     <>
       <GlobalStateProvider>
         <FancyBackground />
-        <div class="flex flex-col items-center">
+        <div class="flex flex-col items-center min-h-screen justify-between">
           <Navbar />
           <LoginModal />
-          <div class="mb-8 flex min-h-[65vh] w-full flex-col items-center space-y-2 px-2 md:max-w-3xl">
+          <div class="mb-8 flex w-full flex-col items-center space-y-2 px-2 md:max-w-3xl ">
             <Primary />
           </div>
           <Footer />