From 4e1da3fa23f6214afd94523fb639187c3633dcff Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Fri, 19 May 2023 17:34:23 -0700
Subject: [PATCH] fix(ui): do not add extra spacing to every ant row. Closes
 #3031 (#3033)

---
 web/components/layouts/Main/Main.module.scss | 14 ++++++--------
 web/components/layouts/Main/Main.tsx         |  6 +++++-
 2 files changed, 11 insertions(+), 9 deletions(-)

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 />
     </>