diff --git a/app/templates/base.html b/app/templates/base.html
index 8868106..85a69fe 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -75,7 +75,7 @@
 </head>
 <body>
     {% if current_user.is_authenticated %}
-    <nav class="navbar navbar-expand-xl navbar-dark bg-primary">
+    <nav class="navbar navbar-expand-xxl navbar-dark bg-primary">
         <div class="container-fluid">
             <a class="navbar-brand" href="{{ url_for('dashboard.index') }}">
                 {% if tenant_branding and tenant_branding.logo_url %}
@@ -88,7 +88,7 @@
                 {{ tenant_branding.display_name if tenant_branding else 'Janitorial QC' }}
             </a>
             <!-- ── Bell + toggler always visible on mobile/tablet ── -->
-            <div class="d-flex align-items-center gap-2 ms-auto me-2 d-xl-none">
+            <div class="d-flex align-items-center gap-2 ms-auto me-2 d-xxl-none">
                 <!-- Notification bell (always visible) -->
                 <div class="dropdown">
                     <a class="nav-link position-relative notif-bell-wrapper text-white"
@@ -273,7 +273,7 @@
                 <ul class="navbar-nav align-items-center">
 
                     <!-- ── Notification Bell (desktop lg+ only) ── -->
-                    <li class="nav-item dropdown me-2 d-none d-xl-block">
+                    <li class="nav-item dropdown me-2 d-none d-xxl-block">
                         <a class="nav-link position-relative notif-bell-wrapper"
                            href="#"
                            id="notifDropdown"
