diff --git a/public/assets/default_theme/css/base.css b/public/assets/default_theme/css/base.css
index d45bd6683e..290f09d010 100644
--- a/public/assets/default_theme/css/base.css
+++ b/public/assets/default_theme/css/base.css
@@ -148,6 +148,11 @@ html {
     display: flex;
     justify-content: space-evenly;
 }
+.footer ul {
+    display: inline-flex;
+    width: 100%;
+    justify-content: space-evenly;
+}
 /* < 720p */
 @media only screen and (max-width:1280px) {
     .page-header {
diff --git a/templates/cards/navigation/view.html.twig b/templates/cards/navigation/view.html.twig
index 08d9ab17d3..be7aa93029 100644
--- a/templates/cards/navigation/view.html.twig
+++ b/templates/cards/navigation/view.html.twig
@@ -72,23 +72,23 @@
 {% endblock profile_security %}
 
 {% block footer %}
-<footer class="footer">
-    <nav>
-        <a href="{{ path('doc_faq') }}" class='hover-effect {{ active('doc_faq') }}'>
-            FAQ
-        </a>
-        <a href="{{ path('doc_tos') }}" class='hover-effect {{ active('doc_tos') }}'>
-            TOS
-        </a>
-        <a href="{{ path('doc_privacy') }}" class='hover-effect {{ active('doc_privacy') }}'>
-            Privacy
-        </a>
-        <a href="{{ path('doc_source') }}" class='hover-effect {{ active('doc_source') }}'>
-            Source
-        </a>
-        <a href="{{ path('doc_version') }}" class='hover-effect {{ active('doc_version') }}'>
-            Version
-        </a>
-    </nav>
-</footer>
+<nav class="footer">
+    <ul>
+        <li>
+            <a href="{{ path('doc_faq') }}" class='hover-effect {{ active('doc_faq') }}'>FAQ</a>
+        </li>
+        <li>
+            <a href="{{ path('doc_tos') }}" class='hover-effect {{ active('doc_tos') }}'>TOS</a>
+        </li>
+        <li>
+            <a href="{{ path('doc_privacy') }}" class='hover-effect {{ active('doc_privacy') }}'>Privacy</a>
+        </li>
+        <li>
+            <a href="{{ path('doc_source') }}" class='hover-effect {{ active('doc_source') }}'>Source</a>
+        </li>
+        <li>
+            <a href="{{ path('doc_version') }}" class='hover-effect {{ active('doc_version') }}'>Version</a>
+        </li>
+    </ul>
+</nav>
 {% endblock footer %}