diff --git a/resources/assets/sass/pages/estimates/view.scss b/resources/assets/sass/pages/estimates/view.scss
index 6b7aad04..15e1df92 100644
--- a/resources/assets/sass/pages/estimates/view.scss
+++ b/resources/assets/sass/pages/estimates/view.scss
@@ -33,17 +33,17 @@
         }
         
         &.router-link-exact-active {
-            border-left: 3px solid #645ddb;
+            border-left: 3px solid $crater-theme;
         }
         
         &.router-link-exact-active {
-            background-color: #F9FBFF;
+            background-color: $gray--very-light;
         }
-
+        
         &:hover {
-            background-color: #F9FBFF;
+            background-color: $gray--very-light;
         }
-
+ 
         .left {
 
             .status-expired {
diff --git a/resources/assets/sass/pages/invoices/view.scss b/resources/assets/sass/pages/invoices/view.scss
index 0ca23a26..08496d13 100644
--- a/resources/assets/sass/pages/invoices/view.scss
+++ b/resources/assets/sass/pages/invoices/view.scss
@@ -33,15 +33,15 @@
         }
 
         &.router-link-exact-active {
-           border-left: 3px solid #645ddb;
+           border-left: 3px solid $crater-theme;
        }
        
        &.router-link-exact-active {
-           background-color: #F9FBFF;
-       }
+            background-color: $gray--very-light;
+        }
 
         &:hover {
-            background-color: #F9FBFF;
+            background-color: $gray--very-light;
         }
 
         .left {