diff --git a/app/assets/stylesheets/_notes.scss b/app/assets/stylesheets/_notes.scss
index 673f5d0e0..bc6b28b93 100644
--- a/app/assets/stylesheets/_notes.scss
+++ b/app/assets/stylesheets/_notes.scss
@@ -127,7 +127,7 @@
     cursor: pointer;
 
     &:hover {
-      background-color: var(--sn-stylekit-grey-5);
+      background-color: var(--sn-stylekit-contrast-background-color);
     }
 
     .icon {
@@ -299,7 +299,7 @@
     }
 
     &.selected {
-      background-color: var(--sn-stylekit-grey-5);
+      background-color: var(--sn-stylekit-contrast-background-color);
       border-left: 2px solid var(--sn-stylekit-info-color);
 
       progress {
@@ -321,3 +321,4 @@
     }
   }
 }
+