diff --git a/src/app/navbar/navbar.component.html b/src/app/navbar/navbar.component.html
index 5bf09f9..11623c5 100644
--- a/src/app/navbar/navbar.component.html
+++ b/src/app/navbar/navbar.component.html
@@ -3,10 +3,9 @@
     <a routerLink="/" class="navbar-brand" routerLinkActive="active">
       <img [src]="config().logo_url" alt="" class="brand-flower" aria-hidden="true">
       <span class="brand-name">
-        <span class="brand-mountain">{{ config().name_primary | slice:0:1 }}</span>{{ config().name_primary | uppercase }}
-        <span class="brand-accent">{{ config().name_secondary | uppercase }}</span>
+        <span class="brand-mountain">{{ config().callsign | uppercase }}</span>
+        <span class="brand-tagline">{{ config().tagline }}</span>
       </span>
-      <span class="brand-tagline">{{ config().tagline }}</span>
     </a>
 
     <button class="navbar-toggle" aria-label="Toggle menu" (click)="toggleMenu()">
diff --git a/src/app/navbar/navbar.component.ts b/src/app/navbar/navbar.component.ts
index 0fa18aa..6d1caaf 100644
--- a/src/app/navbar/navbar.component.ts
+++ b/src/app/navbar/navbar.component.ts
@@ -1,5 +1,5 @@
 import { Component, DestroyRef, inject, computed, OnInit } from '@angular/core';
-import { CommonModule, SlicePipe, UpperCasePipe } from '@angular/common';
+import { CommonModule, UpperCasePipe } from '@angular/common';
 import { RouterLink, RouterLinkActive, Router } from '@angular/router';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
@@ -9,7 +9,7 @@ import { StationConfigService } from '../services/station-config.service';
 @Component({
   selector: 'app-navbar',
   standalone: true,
-  imports: [CommonModule, RouterLink, RouterLinkActive, SlicePipe, UpperCasePipe],
+  imports: [CommonModule, UpperCasePipe, RouterLink, RouterLinkActive],
   templateUrl: './navbar.component.html',
   styleUrl: './navbar.component.scss',
 })