diff --git a/ui/src/components/Navigation/Navbar.vue b/ui/src/components/Navigation/Navbar.vue
index 07d7419..58335d4 100644
--- a/ui/src/components/Navigation/Navbar.vue
+++ b/ui/src/components/Navigation/Navbar.vue
@@ -47,7 +47,7 @@ function blurAfter() {
                     <img src="/17RBN_Logo.png" class="w-10 h-10 object-contain"></img>
                 </RouterLink>
                 <!-- Member navigation -->
-                <div v-if="auth.accountStatus == 'member'" class="h-15 flex items-center justify-center">
+                <div v-if="auth.accountStatus.value == 'member'" class="h-15 flex items-center justify-center">
                     <NavigationMenu>
                         <NavigationMenuList class="gap-3">
 
diff --git a/ui/src/composables/useAuth.ts b/ui/src/composables/useAuth.ts
index 6c43fa2..613ac18 100644
--- a/ui/src/composables/useAuth.ts
+++ b/ui/src/composables/useAuth.ts
@@ -6,7 +6,7 @@ export function useAuth() {
     const userStore = useUserStore();
 
     // Account status control
-    const accountStatus = userStore.state;
+    const accountStatus = computed(() => userStore.state);
 
     // RBAC
     const roles = computed<string[]>(() => {