diff --git a/web/components/layouts/Main/Main.module.scss b/web/components/layouts/Main/Main.module.scss
index 4a0825d57..3a304ae2f 100644
--- a/web/components/layouts/Main/Main.module.scss
+++ b/web/components/layouts/Main/Main.module.scss
@@ -4,13 +4,11 @@
   // this margin is for fixed header
   padding-top: var(--header-height);
   background-color: var(--theme-color-main-background);
-	min-height: 100vh;
-	position: relative;
+  min-height: 100vh;
+  position: relative;
 
-	// add some spacing between the last row of content and the footer
-	:global(.ant-row) {
-		&:last-of-type {
-			margin-bottom: 5em;
-		}
-	}
+  // add some spacing between the last row of content and the footer
+  .footerContainer {
+    margin-top: 5em;
+  }
 }
diff --git a/web/components/layouts/Main/Main.tsx b/web/components/layouts/Main/Main.tsx
index 20d2fb079..40aaf7a1c 100644
--- a/web/components/layouts/Main/Main.tsx
+++ b/web/components/layouts/Main/Main.tsx
@@ -171,7 +171,11 @@ export const Main: FC = () => {
           <FatalErrorStateModal title={fatalError.title} message={fatalError.message} />
         )}
 
-        {(!isMobile || !online) && <Footer dynamicPaddingValue={dynamicFooterPadding} />}
+        {(!isMobile || !online) && (
+          <div className={styles.footerContainer}>
+            <Footer dynamicPaddingValue={dynamicFooterPadding} />
+          </div>
+        )}
       </Layout>
       <Noscript />
     </>