From d233fa4fd54af17bd97a0226359ca6291e71d4f3 Mon Sep 17 00:00:00 2001
From: Imbus <>
Date: Fri, 8 Mar 2024 05:50:59 +0100
Subject: [PATCH] Attempting to mitigate CLS again

---
 client-solid/src/Containers/Footer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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>