diff --git a/client-solid/src/Containers/Footer.tsx b/client-solid/src/Containers/Footer.tsx
index b7bde11..7f0ceb2 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 rounded bg-base-200 p-10 text-base-content">
+    <footer class="footer footer-center rounded mt-auto 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/PageContainer.tsx b/client-solid/src/Containers/PageContainer.tsx
index 314b1be..c6356da 100644
--- a/client-solid/src/Containers/PageContainer.tsx
+++ b/client-solid/src/Containers/PageContainer.tsx
@@ -3,7 +3,7 @@ import { JSXElement } from "solid-js";
 // MainContainer is the main container for the page.
 export function PageContainer(props: { children: JSXElement }): JSXElement {
   return (
-    <div class="flex min-h-screen flex-col items-center justify-between">
+    <div class="flex min-h-screen flex-col items-center">
       {props.children}
     </div>
   );