diff --git a/frontend/src/app/components/liquid-master-page/liquid-master-page.component.html b/frontend/src/app/components/liquid-master-page/liquid-master-page.component.html
index 8329fa2fd..150a6d279 100644
--- a/frontend/src/app/components/liquid-master-page/liquid-master-page.component.html
+++ b/frontend/src/app/components/liquid-master-page/liquid-master-page.component.html
@@ -27,7 +27,7 @@
   </div>
 
   <div class="navbar-collapse" id="navbarCollapse">
-    <ul class="navbar-nav liquid">
+    <ul class="navbar-nav {{ network.val }}">
       <li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
         <a class="nav-link" [routerLink]="['/' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'tachometer-alt']" [fixedWidth]="true" i18n-title="master-page.dashboard" title="Dashboard"></fa-icon></a>
       </li>
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index e870f32e8..66b44518d 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -100,6 +100,10 @@ body {
   background-color: #6f1d5d !important;
 }
 
+.navbar-nav.liquidtestnet > .active {
+  background-color: #494a4a !important;
+}
+
 .form-control {
   color: #495057;
 }