From 2db50770da58f9b34ade9aca25b037b47fe71210 Mon Sep 17 00:00:00 2001
From: Michal Zielenkiewicz <michal@oasisprotocol.org>
Date: Tue, 2 Jul 2024 10:26:02 +0200
Subject: [PATCH] Move footer to the bottom of page

---
 .../Footer/__tests__/__snapshots__/index.test.tsx.snap     | 7 +++++++
 src/app/components/Footer/index.tsx                        | 1 +
 2 files changed, 8 insertions(+)

diff --git a/src/app/components/Footer/__tests__/__snapshots__/index.test.tsx.snap b/src/app/components/Footer/__tests__/__snapshots__/index.test.tsx.snap
index c6929f5cbb..b043ba6049 100644
--- a/src/app/components/Footer/__tests__/__snapshots__/index.test.tsx.snap
+++ b/src/app/components/Footer/__tests__/__snapshots__/index.test.tsx.snap
@@ -8,6 +8,7 @@ exports[`<Footer /> should render mobile version of footer 1`] = `
   display: flex;
   box-sizing: border-box;
   max-width: 100%;
+  margin-top: auto;
   margin-bottom: 0px;
   -webkit-align-items: center;
   -webkit-box-align: center;
@@ -102,6 +103,12 @@ exports[`<Footer /> should render mobile version of footer 1`] = `
   text-align: center;
 }
 
+@media only screen and (max-width:768px) {
+  .c0 {
+    margin-top: auto;
+  }
+}
+
 @media only screen and (max-width:768px) {
   .c0 {
     margin-bottom: 0px;
diff --git a/src/app/components/Footer/index.tsx b/src/app/components/Footer/index.tsx
index cdea4a7edd..fbb9d1232e 100644
--- a/src/app/components/Footer/index.tsx
+++ b/src/app/components/Footer/index.tsx
@@ -43,6 +43,7 @@ export const Footer = memo(() => {
       }}
       margin={{
         bottom: (isMobileOrTablet && !walletHasAccounts) || !isMobileOrTablet ? 'medium' : 'none',
+        top: 'auto',
       }}
       data-testid="footer"
       gap={isMobileOrTablet ? '0' : '20px'}