diff --git a/app/static/css/main.css b/app/static/css/main.css
index 8b999b7..e0e619f 100644
--- a/app/static/css/main.css
+++ b/app/static/css/main.css
@@ -168,17 +168,21 @@ main {
     pointer-events: visible;
 }
 /* FOOTER */
-.footer {
+.footer-container {
     z-index: 900;
+    margin-top: auto;
+    pointer-events: none;
+}
+.footer {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
-    margin-top: auto;
-    padding-top: 3rem;
+    margin-top: 3rem;
     padding-bottom: .3rem;
     text-align: center;
+    pointer-events: initial;
 }
 .footer div {
     font-size: .95rem;
diff --git a/app/templates/footer.html b/app/templates/footer.html
index 10680f0..e89bbc5 100644
--- a/app/templates/footer.html
+++ b/app/templates/footer.html
@@ -1,6 +1,8 @@
 {% load i18n %}
 
-<div class="footer">
-    <div>Version {{ app_version }}</div>
-    <div>Copyright (C) 2021, Julian Müller (ChaoticByte)</div>
-</div>
+<footer class="footer-container">
+    <div class="footer">
+        <div>Version {{ app_version }}</div>
+        <div>Copyright (C) 2021, Julian Müller (ChaoticByte)</div>
+    </div>
+</footer>