diff --git a/client/src/components/footer.rs b/client/src/components/footer.rs
index e519df4..92e4d94 100644
--- a/client/src/components/footer.rs
+++ b/client/src/components/footer.rs
@@ -11,7 +11,7 @@ pub fn Footer() -> impl IntoView {
         <br />
         <br />
         <div
-            class="fixed lg:static bottom-0 left-0 w-full lg:w-auto shadow-inner lg:shadow-none"
+            class="transition-all fixed lg:static bottom-0 left-0 w-full lg:w-auto shadow-inner lg:shadow-none"
             style="background-color: var(--colorNeutralBackground4);"
         >
             <div class="overflow-hidden">
diff --git a/client/src/pages/home.rs b/client/src/pages/home.rs
index 54f2671..af5aa73 100644
--- a/client/src/pages/home.rs
+++ b/client/src/pages/home.rs
@@ -34,7 +34,7 @@ pub fn Home() -> impl IntoView {
 
             <div class="lg:container m-auto relative">
                 <div
-                    class="p-1 lg:p-5 lg:rounded-2xl lg:shadow-black lg:shadow-lg min-h-screen lg:min-h-0"
+                    class="transition-all p-1 lg:p-5 lg:rounded-2xl lg:shadow-black lg:shadow-lg min-h-screen lg:min-h-0"
                     style="background-color: var(--colorNeutralBackground4);"
                 >
                     <Header />