diff --git a/frontend/index.css b/frontend/index.css
index 673a4a6..b887f51 100644
--- a/frontend/index.css
+++ b/frontend/index.css
@@ -1,12 +1,11 @@
 @import url('./src/styles/colors.css');
 
-html {
-    min-height: 100%;
+.main {
+    min-height: calc(100vh - 41px);
 }
 
 body {
     font-family: 'Shippori Antique', sans-serif;
-    height: 80vh;
     background-color: var(--body);
     color: var(--text);
 }
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index c74651a..f0b9a84 100755
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -255,7 +255,7 @@ export function App() {
 
     return (
         <main>
-            <Container className="pb-5">
+            <Container className="pb-5 main">
                 <Row>
                     <Col lg={7} xs={12}>
                         <div className="mt-5" />
diff --git a/frontend/src/components/Footer.css b/frontend/src/components/Footer.css
index d54b629..f3f7c88 100644
--- a/frontend/src/components/Footer.css
+++ b/frontend/src/components/Footer.css
@@ -1,11 +1,9 @@
 @import url('../../src/styles/colors.css');
 
 .footer {
-    position: absolute;
-    bottom: 0;
     width: 100%;
     height: 40px;
-    line-height: 39px;
+    line-height: 38px;
     background-color: var(--stack);
 }