diff --git a/server/templates/base.html b/server/templates/base.html
index 633b9a1..fe9fcf5 100644
--- a/server/templates/base.html
+++ b/server/templates/base.html
@@ -84,7 +84,7 @@
         <nav class="topbar navbar navbar-light bg-white shadow-sm">
             <div class="container-fluid px-3 gap-2">
                 <a class="navbar-brand d-flex d-md-none align-items-center gap-2 text-decoration-none" href="{{ url_for('portal_index') }}">
-                    <span style="font-family:'Racing Sans One','Arial Black',sans-serif;font-size:1.3rem;font-style:italic;color:#fff;">YARIS-OBD</span>
+                    <span class="sidebar-brand-logo" style="font-size:1.2rem;color:#fff;">YARIS-OBD</span>
                     <span class="badge bg-warning text-dark ms-1" style="font-size:.6rem;">Remote</span>
                 </a>
                 <div class="d-flex align-items-center gap-2">
diff --git a/templates/base.html b/templates/base.html
index c588a80..074f208 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -67,7 +67,7 @@
             <div class="container-fluid px-3 gap-2">
                 {# Mobile: logo on left #}
                 <a class="navbar-brand d-flex d-md-none align-items-center gap-2 text-decoration-none" href="{{ url_for('index') }}">
-                    <span style="font-family:'Racing Sans One','Arial Black',sans-serif;font-size:1.3rem;font-style:italic;color:#fff;">YARIS-OBD</span>
+                    <span class="sidebar-brand-logo" style="font-size:1.2rem;color:#fff;">YARIS-OBD</span>
                 </a>
                 <div class="ms-auto d-flex align-items-center gap-2">
                     <div class="dropdown">