diff --git a/_sass/_bootstrap_variables.scss b/_sass/_bootstrap_variables.scss
index dfaf7b3..68ca0a2 100644
--- a/_sass/_bootstrap_variables.scss
+++ b/_sass/_bootstrap_variables.scss
@@ -21,5 +21,7 @@ $dark:          #212529;
 $link-decoration: none;
 $navbar-light-hover-color: $primary;
 $link-color: $bioc-blue;
+$nav-link-color: $white;
+$nav-link-hover-color: $light;
 
 // Find out which bootstrap variables you can use to fine tune the styling of your website here: https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/blob/main/_sass/bootstrap/_variables.scss
diff --git a/_sass/_custom_classes.scss b/_sass/_custom_classes.scss
index 9787f5d..855a7cc 100644
--- a/_sass/_custom_classes.scss
+++ b/_sass/_custom_classes.scss
@@ -3,9 +3,9 @@
 //Example for highlighting the active page in the navigation:
 /*-----Top navigation-----*/
 
-.nav-link {
+/*.nav-link {
     color: $white;
-}
+}*/
 
 .navbar-nav .nav-item > a {
     &.active {