diff --git a/resources/assets/js/views/invoices/View.vue b/resources/assets/js/views/invoices/View.vue
index 0bb594de..87cc4f55 100644
--- a/resources/assets/js/views/invoices/View.vue
+++ b/resources/assets/js/views/invoices/View.vue
@@ -123,17 +123,19 @@
           v-for="(invoice,index) in invoices"
           :to="`/admin/invoices/${invoice.id}/view`"
           :key="index"
-          class="side-invoice"
+          class="side-invoice"     
         >
-          <div class="left">
-            <div class="inv-name">{{ invoice.user.name }}</div>
-            <div class="inv-number">{{ invoice.invoice_number }}</div>
-            <div :class="'inv-status-'+invoice.status.toLowerCase()" class="inv-status">{{ invoice.status }}</div>
-          </div>
-          <div class="right">
-            <div class="inv-amount" v-html="$utils.formatMoney(invoice.due_amount, invoice.user.currency)" />
-            <div class="inv-date">{{ invoice.formattedInvoiceDate }}</div>
-          </div>
+        
+        <div class="left">
+          <div class="inv-name">{{ invoice.user.name }}</div>
+          <div class="inv-number">{{ invoice.invoice_number }}</div>
+          <div :class="'inv-status-'+invoice.status.toLowerCase()" class="inv-status">{{ invoice.status }}</div>
+        </div>
+        <div class="right">
+          <div class="inv-amount" v-html="$utils.formatMoney(invoice.due_amount, invoice.user.currency)" />
+          <div class="inv-date">{{ invoice.formattedInvoiceDate }}</div>
+        </div>
+        
         </router-link>
         <p v-if="!invoices.length" class="no-result">
           {{ $t('invoices.no_matching_invoices') }}
@@ -178,7 +180,7 @@ export default {
     shareableLink () {
       return `/invoices/pdf/${this.invoice.unique_hash}`
     }
-  },
+  },  
   watch: {
     $route (to, from) {
       this.loadInvoice()
diff --git a/resources/assets/sass/pages/estimates/view.scss b/resources/assets/sass/pages/estimates/view.scss
index 8bb8f676..6b7aad04 100644
--- a/resources/assets/sass/pages/estimates/view.scss
+++ b/resources/assets/sass/pages/estimates/view.scss
@@ -31,9 +31,17 @@
         &:last-child {
             margin-bottom: 98px;
         }
+        
+        &.router-link-exact-active {
+            border-left: 3px solid #645ddb;
+        }
+        
+        &.router-link-exact-active {
+            background-color: #F9FBFF;
+        }
 
         &:hover {
-            background-color: $ls-color-gray--very-light;
+            background-color: #F9FBFF;
         }
 
         .left {
diff --git a/resources/assets/sass/pages/invoices/view.scss b/resources/assets/sass/pages/invoices/view.scss
index 04a8bcc7..0ca23a26 100644
--- a/resources/assets/sass/pages/invoices/view.scss
+++ b/resources/assets/sass/pages/invoices/view.scss
@@ -32,8 +32,16 @@
             margin-bottom: 98px;
         }
 
+        &.router-link-exact-active {
+           border-left: 3px solid #645ddb;
+       }
+       
+       &.router-link-exact-active {
+           background-color: #F9FBFF;
+       }
+
         &:hover {
-            background-color: $ls-color-gray--very-light;
+            background-color: #F9FBFF;
         }
 
         .left {