diff --git a/src/app/components/app-header/app-header.component.ts b/src/app/components/app-header/app-header.component.ts
index 932ed3e..f90e1d4 100755
--- a/src/app/components/app-header/app-header.component.ts
+++ b/src/app/components/app-header/app-header.component.ts
@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-header',
   templateUrl: './app-header.component.html',
-  styles: ['.active12 { color: #20a8d8; text-decoration: underline;}']
+  styles: ['.active12 { color: #000 !important; background: #eaeaea !important; padding: 8px !important; border-radius: 2px; box-shadow: 1px 0.5px 1px #faf4f4;}']
   // styles: ['
   //   .hyp-active:active {
   //     background: green;