diff --git a/templates/partials/nav.tera.html b/templates/partials/nav.tera.html
index 5f4d94f..5e08c28 100644
--- a/templates/partials/nav.tera.html
+++ b/templates/partials/nav.tera.html
@@ -15,7 +15,7 @@
         </div>
     </div>
 </div>
-<nav class="navbar navbar-expand-lg" style="background-image: linear-gradient(rgba(0, 0, 0, 0.6), 8%, {{ config.extra.primary_color }}, white);">
+<nav class="navbar navbar-expand-lg" style="background-image: linear-gradient({{ config.extra.primary_color }}, 25%, white);">
     <div class="container-xxl">
         <a class="navbar-brand grow-on-hover" href="/">
             <!-- Use heigher resize_height for better resolution -->
@@ -47,15 +47,14 @@
         <div class="collapse navbar-collapse" id="navbarNav">
             <ul class="navbar-nav">
                 {% for menu_item in config.extra.menu_items %}
-                    <!-- Single item, not a category -->
                     <li class="nav-item">
                         <a
                             class="nav-link"
                             href="{{ menu_item.url }}"
                         >
-                            <span class="underline-on-hover" style="color: {{ config.extra.secondary_color }}; font-size: 17px;">
+                            <button class="btn btn-outline-success" type="button">
                                 {{ menu_item.name }}
-                            </span>
+                            </button>
                         </a>
                     </li>
                 {% endfor %}