diff --git a/src/main/resources/static/css/navbar.css b/src/main/resources/static/css/navbar.css
index 0ce3ffe8..b29a36da 100644
--- a/src/main/resources/static/css/navbar.css
+++ b/src/main/resources/static/css/navbar.css
@@ -108,6 +108,7 @@
 
 .icon-text {
   margin-left: 4px;
+  margin-right: 4px;
   display: inline-flex;
   flex-direction: column;
   align-items: center;
diff --git a/src/main/resources/templates/fragments/card.html b/src/main/resources/templates/fragments/card.html
index fdf68b64..d4d1b55e 100644
--- a/src/main/resources/templates/fragments/card.html
+++ b/src/main/resources/templates/fragments/card.html
@@ -10,7 +10,7 @@
       </div>
 
 
-      <h5 class="card-title  ms-2" th:text="${cardTitle}"></h5>
+      <h5 class="card-title  mx-2" th:text="${cardTitle}"></h5>
       <!-- Add some margin-left (ms-2) for spacing between SVG and title -->
     </div>
     <p class="card-text" th:text="${cardText}"></p>
diff --git a/src/main/resources/templates/fragments/navbar.html b/src/main/resources/templates/fragments/navbar.html
index 2296d258..134658da 100644
--- a/src/main/resources/templates/fragments/navbar.html
+++ b/src/main/resources/templates/fragments/navbar.html
@@ -359,7 +359,7 @@
                 <img src="images/discord.svg" alt="discord">
               </a>
               <a href="https://github.com/sponsors/Frooodle" class="mx-1" role="button" th:title="#{donate}">
-                <span class="material-symbols-rounded fill footer-icon">
+                <span class="material-symbols-rounded fill footer-icon" style="font-size: 2.5rem;">
                   favorite
                 </span>
               </a>