diff --git a/src/styles/components/list.scss b/src/styles/components/list.scss
index 6a507995..a2b2fb0d 100644
--- a/src/styles/components/list.scss
+++ b/src/styles/components/list.scss
@@ -48,7 +48,7 @@
   }
 
   .icon {
-    color: $grey-dark;
+    color: $grey-almost-light;
     margin-left: 1rem;
     height: 1rem;
     width: 1rem;
diff --git a/src/styles/theme/navigation.scss b/src/styles/theme/navigation.scss
index 67f3f9b5..dc231421 100644
--- a/src/styles/theme/navigation.scss
+++ b/src/styles/theme/navigation.scss
@@ -277,7 +277,6 @@
           border-left: $vikunja-nav-selected-width solid transparent;
 
           .icon {
-            color: lighten($vikunja-nav-color, 20);
             height: 1rem;
             vertical-align: middle;
             padding-bottom: 4px;
@@ -320,6 +319,10 @@
         left: calc(50% - .75em);
         border-width: 2px;
       }
+
+      .icon {
+        color: $grey-almost-light;
+      }
     }
 
     .top-menu {
diff --git a/src/styles/theme/variables.scss b/src/styles/theme/variables.scss
index efdc4df1..4d37fea7 100644
--- a/src/styles/theme/variables.scss
+++ b/src/styles/theme/variables.scss
@@ -6,6 +6,7 @@ $blue: #1973ff;
 $primary: $blue;
 $dark: lighten($black, 8);
 $grey: hsl(0, 0%, 48%);
+$grey-almost-light: hsl(0, 0%, 57%);
 
 $info-invert: #fff;
 $family-sans-serif: 'Open Sans', Helvetica, Arial, sans-serif;