diff --git a/src/main/resources/static/css/footer.css b/src/main/resources/static/css/footer.css
index b004cc27..ee47f54c 100644
--- a/src/main/resources/static/css/footer.css
+++ b/src/main/resources/static/css/footer.css
@@ -21,4 +21,8 @@
 
 .footer-icon {
   font-size: 2rem;
-}
\ No newline at end of file
+}
+
+.footer-link {
+  text-decoration: none;
+}
diff --git a/src/main/resources/templates/fragments/footer.html b/src/main/resources/templates/fragments/footer.html
index 686c05ca..7414ea99 100644
--- a/src/main/resources/templates/fragments/footer.html
+++ b/src/main/resources/templates/fragments/footer.html
@@ -1,10 +1,16 @@
-<footer th:fragment="footer" id="footer" class="text-center py-5">
-  <div class="footer-center">
+<footer th:fragment="footer" id="footer" class="text-center pt-5">
+  <div class="footer-center pb-4">
+    <!-- Links section -->
+    <div class="d-flex justify-content-center">
+      <ul class="list-unstyled d-flex">
+        <li><a class="footer-link px-2" id="licenses" target="_blank" th:href="@{'/licenses'}" th:text="#{licenses.nav}">Licenses</a></li>
+        <li><a class="footer-link px-2" id="survey" target="_blank" href="https://stirlingpdf.info/s/clwzgtfw7000gltkmwz1n212m" th:text="#{survey.nav}">Survey</a></li>
+      </ul>
+    </div>
+
+    <!-- powered by section -->
     <div class="footer-powered-by">
       <span th:text="#{poweredBy} + ' Stirling PDF'"></span>
     </div>
-    <a th:href="@{'/licenses'}" id="licenses" target="_blank" class="mx-1" title="" th:text="#{licenses.nav}">Licenses</a>
-    <a href="https://stirlingpdf.info/s/clwzgtfw7000gltkmwz1n212m" id="survey" target="_blank" class="mx-1" title="" th:text="#{survey.nav}">Survey</a>
   </div>
-</footer>
-
+</footer>
\ No newline at end of file