diff --git a/src/web/page/index.html b/src/web/page/index.html
index 372035c..a333a4f 100644
--- a/src/web/page/index.html
+++ b/src/web/page/index.html
@@ -49,8 +49,10 @@
             <p class="text">Creating graphs</p>
         </div>
     </div>
-    <footer>
-        <p>Kekkai, Copyright © 2024 Redume. License under <a href="https://github.com/Redume/Kekkai/blob/main/LICENSE">GPLv3</a></p>
-    </footer>
+    <div class="footer-wrapper">
+        <footer>
+            <p>Kekkai, Copyright © 2024 Redume. License under <a href="https://github.com/Redume/Kekkai/blob/main/LICENSE">GPLv3</a></p>
+        </footer>
+    </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/web/static/styles/index.css b/src/web/static/styles/index.css
index 9a25a93..5e8fd46 100644
--- a/src/web/static/styles/index.css
+++ b/src/web/static/styles/index.css
@@ -83,19 +83,35 @@ body {
     font-weight: bold;
 }
 
-footer {display: none}
+
+.footer-wrapper {
+      position: relative;
+  min-height: 100%;
+}
+
+footer {
+    flex: 0 0 auto;
+    width: 100%;
+    background: rgba(0, 0, 0, 0.39);
+    position: absolute;
+    left: 0;
+    bottom: 0;
+}
+
+
+footer p{
+    word-wrap: break-word;
+    text-align: center;
+}
 
 footer a:visited {
     color: white
 }
 
-
 @media (min-width: 768px) {
     .desc {
         font-size: 20px;
     }
-
-
 }
 
 @media (min-width: 1200px) {
@@ -108,4 +124,17 @@ footer a:visited {
         align-items: center;
         gap: 200px;
     }
+
+     .footer-wrapper {
+          position: relative;
+          min-height: 100%;
+    }
+
+    footer {
+        width: 100%;
+        background: rgba(0, 0, 0, 0.39);
+        position: absolute;
+        left: 0;
+        bottom: 0;
+    }
 }
\ No newline at end of file