diff --git a/client-solid/src/Containers/Footer.tsx b/client-solid/src/Containers/Footer.tsx
index ca92fff..e4490eb 100644
--- a/client-solid/src/Containers/Footer.tsx
+++ b/client-solid/src/Containers/Footer.tsx
@@ -2,8 +2,8 @@ import { JSXElement } from "solid-js";
 
 export function Footer(): JSXElement {
   return (
-    /* Note that margin-top is defined inline here, instead of tailwinds "mt-auto", this is to mitigate CLS */
-    <footer style="margin-top: auto;" class="footer footer-center rounded bg-base-200 p-10 text-base-content">
+    /* Note that some styles are implemented inline here, this is to mitigate CLS */
+    <footer style="width: 100%; margin-top: auto;" 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>