diff --git a/resources/assets/sass/pages/invoices/view.scss b/resources/assets/sass/pages/invoices/view.scss
index 69379564..d7d9e05f 100644
--- a/resources/assets/sass/pages/invoices/view.scss
+++ b/resources/assets/sass/pages/invoices/view.scss
@@ -33,12 +33,12 @@
         }
 
         &.router-link-exact-active {
-           border-left: 3px solid $crater-theme;
-           background-color: $gray--very-light;
+           border-left: 3px solid $ls-color-primary;
+           background-color: $ls-color-gray--very-light;
        }
-       
+
         &:hover {
-            background-color: $gray--very-light;
+            background-color: $ls-color-gray--very-light;
         }
 
         .left {