diff --git a/apps/app/src/layouts/components/AppShell.vue b/apps/app/src/layouts/components/AppShell.vue
index 6ca7f231..20ad13e5 100644
--- a/apps/app/src/layouts/components/AppShell.vue
+++ b/apps/app/src/layouts/components/AppShell.vue
@@ -103,7 +103,7 @@ function toggleUserMenu(event: Event) {
         >
           <div
             v-if="isHeading(item)"
-            class="mt-4 mb-2 px-2 text-xs font-semibold uppercase tracking-wider text-surface-500"
+            class="mt-6 mb-1 px-3 text-[11px] font-medium uppercase tracking-widest text-surface-400"
           >
             {{ item.heading }}
           </div>
@@ -140,7 +140,7 @@ function toggleUserMenu(event: Event) {
         >
           <div
             v-if="isHeading(item)"
-            class="mt-4 mb-2 px-2 text-xs font-semibold uppercase tracking-wider text-surface-500"
+            class="mt-6 mb-1 px-3 text-[11px] font-medium uppercase tracking-widest text-surface-400"
           >
             {{ item.heading }}
           </div>