diff --git a/sites/parts/footer.html b/sites/parts/footer.html
index 100b9ba..de03606 100644
--- a/sites/parts/footer.html
+++ b/sites/parts/footer.html
@@ -1,3 +1,4 @@
+<div style="height: 100px;"></div>
 <div style="position: fixed;bottom: 10px;width: 100%;left:25px;">
     <div style="display: inline-block; background: {{fg_colour}};border-radius: 50%;padding: 10px;">
         <img src="{{hns_icon}}" width="50px" height="50px">
diff --git a/templates/city_donate_footer.html b/templates/city_donate_footer.html
index 5a2f751..862857e 100644
--- a/templates/city_donate_footer.html
+++ b/templates/city_donate_footer.html
@@ -43,7 +43,7 @@
     <div style="background: #f1ffff;border-radius: 10px;padding: 25px;padding-top: 2%;padding-left: 2%;padding-right: 2%;padding-bottom: 2%;margin: 22px;">
         <p style="font-size: 24px;">{{data|safe}}</p>
     </div>
-    <div id="addresses" style="position: absolute;bottom: 100px;width: 100%;text-align: center;">
+    <div id="addresses" style="width: 100%;text-align: center;">
         <p style="font-size: 20px;margin-bottom: 0px;">
             <a style="text-decoration: none;color: #f1ffff;" href="/.well-known/wallets/HNS" target="_blank">
                 <img src='{{hns_icon_invert}}' width='20px' height='20px' style='margin-right: 5px;'>
@@ -56,6 +56,7 @@
             </a>
         </p>
     </div>
+    <div style="height: 25px;"></div>
     
     
     {{footer | safe}}
diff --git a/templates/city_no_card_donate_footer.html b/templates/city_no_card_donate_footer.html
index 850b6ac..033af9a 100644
--- a/templates/city_no_card_donate_footer.html
+++ b/templates/city_no_card_donate_footer.html
@@ -47,8 +47,7 @@ These colours will be overriden with the user's colour scheme
             {{data|safe}} <!-- This needs the safe filter to allow HTML to be rendered -->
         </p>
     </div>
-
-    <div id="addresses" style="position: absolute;bottom: 100px;width: 100%;text-align: center;">
+    <div id="addresses" style="width: 100%;text-align: center;">
         <p style="font-size: 20px;margin-bottom: 0px;">
             <a style="text-decoration: none;color: #f1ffff;" href="/.well-known/wallets/HNS" target="_blank">
                 <img src='{{hns_icon_invert}}' width='20px' height='20px' style='margin-right: 5px;'>
@@ -61,6 +60,7 @@ These colours will be overriden with the user's colour scheme
             </a>
         </p>
     </div>
+    <div style="height: 25px;"></div>
     <!-- Footer to display the powered by ShakeCities. -->
     {{footer|safe}}
     <script src="assets/bootstrap/js/bootstrap.min.js"></script>