diff --git a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.ts b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.ts
index e0e8ec26e..77434fec8 100644
--- a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.ts
+++ b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.ts
@@ -32,7 +32,7 @@ export class BlockchainBlocksComponent implements OnInit, OnDestroy {
     bisq: ['#9339f4', '#105fb0'],
     liquid: ['#116761', '#183550'],
     testnet: ['#1d486f', '#183550'],
-    signet: ['#1d486f', '#183550'],
+    signet: ['#6f1d5d', '#471850'],
   };
 
   constructor(
diff --git a/frontend/src/app/components/master-page/master-page.component.html b/frontend/src/app/components/master-page/master-page.component.html
index f7bd79fdb..084038b75 100644
--- a/frontend/src/app/components/master-page/master-page.component.html
+++ b/frontend/src/app/components/master-page/master-page.component.html
@@ -17,7 +17,7 @@
     </button>
     <div ngbDropdownMenu>
       <button ngbDropdownItem class="mainnet" routerLink="/"><img src="./resources/bitcoin-logo.png" style="width: 30px;" class="mr-1"> Mainnet</button>
-      <button ngbDropdownItem *ngIf="env.SIGNET_ENABLED" class="testnet" [class.active]="network.val === 'signet'" routerLink="/signet"><img src="./resources/testnet-logo.png" style="width: 30px;" class="mr-1"> Signet</button>
+      <button ngbDropdownItem *ngIf="env.SIGNET_ENABLED" class="signet" [class.active]="network.val === 'signet'" routerLink="/signet"><img src="./resources/signet-logo.png" style="width: 30px;" class="mr-1"> Signet</button>
       <button ngbDropdownItem *ngIf="env.TESTNET_ENABLED" class="testnet" [class.active]="network.val === 'testnet'" routerLink="/testnet"><img src="./resources/testnet-logo.png" style="width: 30px;" class="mr-1"> Testnet</button>
       <h6 *ngIf="env.LIQUID_ENABLED || env.BISQ_ENABLED" class="dropdown-header" i18n="master-page.layer2-networks-header">Layer 2 Networks</h6>
       <button ngbDropdownItem *ngIf="env.BISQ_ENABLED" class="mainnet" [class.active]="network.val === 'bisq'" routerLink="/bisq"><img src="./resources/bisq-logo.png" style="width: 30px;" class="mr-1"> Bisq</button>
diff --git a/frontend/src/app/components/master-page/master-page.component.scss b/frontend/src/app/components/master-page/master-page.component.scss
index 3a505f33a..3c0e31490 100644
--- a/frontend/src/app/components/master-page/master-page.component.scss
+++ b/frontend/src/app/components/master-page/master-page.component.scss
@@ -67,6 +67,10 @@ nav {
   background-color: #1d486f;
 }
 
+.signet.active {
+  background-color: #6f1d5d;
+}
+
 .dropdown-divider {
   border-top: 1px solid #121420;
 }
diff --git a/frontend/src/resources/signet-logo.png b/frontend/src/resources/signet-logo.png
index 99a80eb4a..68c5a3151 100644
Binary files a/frontend/src/resources/signet-logo.png and b/frontend/src/resources/signet-logo.png differ
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 2a617bc49..9e90ca5b4 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -94,6 +94,10 @@ body {
   background-color: #1d486f !important;
 }
 
+.navbar-nav.signet > .active {
+  background-color: #6f1d5d !important;
+}
+
 .form-control {
   color: #495057;
 }
@@ -425,6 +429,10 @@ h1, h2, h3 {
   background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #1d486f 0%, #183550 100%);
 }
 
+.progress-mempool.signet {
+  background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #6f1d5d 0%, #471850 100%);
+}
+
 .progress-mempool.liquid {
   background: repeating-linear-gradient(to right, #2d3348, #2d3348 0%, #116761 0%, #183550 100%);
 }