diff --git a/assets/css/utilities.pcss b/assets/css/utilities.pcss
index a164d3bb..eca348c0 100644
--- a/assets/css/utilities.pcss
+++ b/assets/css/utilities.pcss
@@ -7,5 +7,9 @@
     .text-decoration-blue-800 {
       text-decoration-color: theme('colors.blue.800');
     }
+
+    .text-decoration-white {
+      text-decoration-color: theme('colors.white');
+    }
   }
 }
diff --git a/source/_partials/footer.html.twig b/source/_partials/footer.html.twig
index 51bf41b9..3ca6fbfb 100644
--- a/source/_partials/footer.html.twig
+++ b/source/_partials/footer.html.twig
@@ -1,7 +1,7 @@
-<footer class="mt-10">
+<footer class="mt-20">
     <nav class="flex flex-wrap justify-center space-x-3">
         {% for link in site.menus.footer %}
-            <a class="link" href="{{ link.href }}">{{ link.title }}</a>
+            <a class="text-lg dark:text-white dark:text-decoration-white link" href="{{ link.href }}">{{ link.title }}</a>
         {% endfor %}
     </nav>
 </footer>