diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 1596e66..0f4d945 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -8,7 +8,7 @@
         <button class="mobile-hamburger" @click="toggleMobile" aria-label="Open menu">
           <Menu :size="22" />
         </button>
-        <span class="mobile-title">Space Booking</span>
+        <span class="mobile-title">ROA Space</span>
         <div class="mobile-actions">
           <!-- Notification Bell -->
           <div class="notification-wrapper">
@@ -228,7 +228,7 @@ onUnmounted(() => {
 .mobile-title {
   font-size: 1.1rem;
   font-weight: 700;
-  color: var(--color-text-primary);
+  color: var(--color-accent);
   flex: 1;
 }
 
diff --git a/frontend/src/components/AppSidebar.vue b/frontend/src/components/AppSidebar.vue
index 32b7be4..e76616f 100644
--- a/frontend/src/components/AppSidebar.vue
+++ b/frontend/src/components/AppSidebar.vue
@@ -2,7 +2,7 @@
   <aside class="sidebar" :class="{ collapsed, 'mobile-open': mobileOpen }">
     <div class="sidebar-header" @click="handleHeaderClick" :title="collapsed ? 'Expand sidebar' : 'Collapse sidebar'">
       <LayoutDashboard :size="24" class="sidebar-logo-icon" />
-      <span v-show="showLabels" class="sidebar-title">Space Booking</span>
+      <span v-show="showLabels" class="sidebar-title">ROA Space</span>
     </div>
 
     <PropertySelector v-show="showLabels" />
@@ -224,7 +224,7 @@ const handleLogout = () => {
 .sidebar-title {
   font-size: 1.1rem;
   font-weight: 700;
-  color: var(--sidebar-text-active);
+  color: var(--color-accent);
   white-space: nowrap;
   overflow: hidden;
 }