diff --git a/web/components/layouts/Main/Main.module.scss b/web/components/layouts/Main/Main.module.scss
index 25918819d..43111fb4c 100644
--- a/web/components/layouts/Main/Main.module.scss
+++ b/web/components/layouts/Main/Main.module.scss
@@ -24,7 +24,7 @@
 }
 
 .fadeIn {
-  animation: fadein 2s;
+  animation: fadein 0.5s;
 }
 
 @keyframes fadein {
diff --git a/web/components/layouts/Main/Main.tsx b/web/components/layouts/Main/Main.tsx
index 6c318fddf..905d941bb 100644
--- a/web/components/layouts/Main/Main.tsx
+++ b/web/components/layouts/Main/Main.tsx
@@ -62,7 +62,7 @@ export const Main: FC = () => {
 
   // accounts for sidebar width when online in desktop
   const showChat = online && !chatDisabled && isChatVisible;
-  const dynamicPadding = showChat && !isMobile ? '340px' : '0px';
+  const dynamicFooterPadding = showChat && !isMobile ? '340px' : '20px';
 
   useEffect(() => {
     setupNoLinkReferrer(layoutRef.current);
@@ -200,7 +200,7 @@ export const Main: FC = () => {
           style={displayFooter ? { display: 'flex' } : { display: 'none' }}
           className={styles.fadeIn}
         >
-          <Footer version={version} dynamicPadding={dynamicPadding} />
+          <Footer version={version} dynamicPadding={dynamicFooterPadding} />
         </div>
       </Layout>
       <Noscript />