diff --git a/css/styles.css b/css/styles.css
index 8d0222e..538342c 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -2529,14 +2529,13 @@ body {
     gap: 0;
     flex-shrink: 0;
   }
-  .brand-name {
-    display: none;
+  .brand-text {
+    display: none !important;
   }
   .brand-logo-emblem {
     width: 32px;
     height: 32px;
   }
-  .brand-text .brand-tagline,
   .badge-live-pulse {
     display: none;
   }
@@ -2562,17 +2561,29 @@ body {
     flex-shrink: 0;
   }
   .user-profile-pill {
-    padding: 6px;
+    padding: 0;
     border-radius: 50%;
     width: 32px;
     height: 32px;
+    min-width: 32px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 0.72rem;
   }
-  .user-profile-pill span:last-child {
-    display: none;
+  .user-profile-pill #user-profile-pill {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .user-profile-pill #user-profile-pill span:last-child {
+    display: none !important;
+  }
+  .avatar-dot {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 
   /* Sleek Floating Top Driving Capsule */
diff --git a/index.html b/index.html
index 3cafbcd..34ec459 100644
--- a/index.html
+++ b/index.html
@@ -54,7 +54,7 @@
   <meta name="apple-mobile-web-app-title" content="FlockRadar">
   
   <!-- Main Stylesheet -->
-  <link rel="stylesheet" href="css/styles.css?v=23">
+  <link rel="stylesheet" href="css/styles.css?v=24">
 </head>
 <body>
 
@@ -1313,11 +1313,11 @@
   <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
   
   <!-- Data & Application Logic with Cache Busting -->
-  <script src="data/portals.js?v=23"></script>
-  <script src="js/icons.js?v=23"></script>
-  <script src="js/auth.js?v=23"></script>
-  <script src="js/radar.js?v=23"></script>
-  <script src="js/app.js?v=23"></script>
+  <script src="data/portals.js?v=24"></script>
+  <script src="js/icons.js?v=24"></script>
+  <script src="js/auth.js?v=24"></script>
+  <script src="js/radar.js?v=24"></script>
+  <script src="js/app.js?v=24"></script>
 
   <!-- Service Worker Instant Cache Invalidation -->
   <script>
diff --git a/sw.js b/sw.js
index e6ca591..8a6b883 100644
--- a/sw.js
+++ b/sw.js
@@ -1,20 +1,20 @@
 // Service Worker for FlockRadar Offline Driving & Live Updates
-const CACHE_NAME = 'flockradar-v23';
+const CACHE_NAME = 'flockradar-v24';
 const ASSETS_TO_CACHE = [
   './',
   './index.html',
-  './css/styles.css?v=23',
-  './js/icons.js?v=23',
-  './js/app.js?v=23',
-  './js/auth.js?v=23',
-  './js/radar.js?v=23',
-  './data/portals.js?v=23',
-  './favicon.svg?v=23',
-  './favicon.ico?v=23',
-  './apple-touch-icon.png?v=23',
-  './icon-192.png?v=23',
-  './icon-512.png?v=23',
-  './og-image.png?v=23',
+  './css/styles.css?v=24',
+  './js/icons.js?v=24',
+  './js/app.js?v=24',
+  './js/auth.js?v=24',
+  './js/radar.js?v=24',
+  './data/portals.js?v=24',
+  './favicon.svg?v=24',
+  './favicon.ico?v=24',
+  './apple-touch-icon.png?v=24',
+  './icon-192.png?v=24',
+  './icon-512.png?v=24',
+  './og-image.png?v=24',
   './assets/img/logo.svg',
   './assets/img/flock_pole_cam_palmdale.jpg',
   './manifest.json'
