diff --git a/konova/static/css/konova.css b/konova/static/css/konova.css
index 2963e981..95f35ccb 100644
--- a/konova/static/css/konova.css
+++ b/konova/static/css/konova.css
@@ -47,22 +47,20 @@ nav{
 }
 
 .menu-elem{
-    /*
-    border-left: 1px solid white;
-    */
     margin: 0 0 0 0.75rem;
 }
 
-.menu-elem:hover{
-    /*
-    background-color: var(--rlp-gray-light);
-    */
-}
-
 .nav-btn{
     color: white;
     padding: 0.5rem;
 }
 .nav-btn:hover{
     color: var(--rlp-gray-light);
+}
+
+.navbar-dark .navbar-nav .nav-link{
+    /*
+    Overwrites bootstrap default nav-link colouring
+    */
+    color: white;
 }
\ No newline at end of file
diff --git a/templates/navbar.html b/templates/navbar.html
index 37343fca..d0930c82 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -1,5 +1,5 @@
 {% load i18n fontawesome_5 %}
-<nav class="navbar navbar-expand-lg">
+<nav class="navbar navbar-expand-lg navbar-dark">
     <div class="nav-icon mr-5" title="{% trans 'Kompensationsverzeichnis Service Portal' %}">
         <strong class="">{% trans 'KSP' %}</strong>
     </div>
@@ -8,31 +8,31 @@
     </button>
     <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav mr-auto">
-            <li class="nav-item menu-elem">
+            <li class=" menu-elem">
                 <a class="nav-btn nav-link" href="{% url 'home' %}">
                     {% fa5_icon 'home' %}
                     {% trans 'Home' %}
                 </a>
             </li>
-            <li class="nav-item menu-elem">
+            <li class=" menu-elem">
                 <a class="nav-btn nav-link" href="{% url 'home' %}">
                     {% fa5_icon 'pencil-ruler' %}
                     {% trans 'Intervention' %}
                 </a>
             </li>
-            <li class="nav-item menu-elem">
+            <li class=" menu-elem">
                 <a class="nav-btn nav-link" href="{% url 'home' %}">
                     {% fa5_icon 'leaf' %}
                     {% trans 'Compensation' %}
                 </a>
             </li>
-            <li class="nav-item menu-elem">
+            <li class=" menu-elem">
                 <a class="nav-btn nav-link" href="{% url 'home' %}">
                     {% fa5_icon 'tree' %}
                     {% trans 'Eco-account' %}
                 </a>
             </li>
-            <li class="nav-item menu-elem dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+            <li class=" menu-elem dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                 <a class="nav-btn nav-link">
                     {% fa5_icon 'ellipsis-v' %}
                     {% trans 'More' %}
@@ -47,7 +47,7 @@
 
         </ul>
         <ul class="navbar-nav ml-auto">
-            <li class="nav-item dropdown">
+            <li class=" dropdown">
                 <div class="btn nav-btn"  data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                     {% fa5_icon 'user-circle' %}
                     {{ user.username }}