diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 99c8d59..32c6f80 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -123,7 +123,7 @@
       :offset="[18, 18]"
     >
       <q-fab
-        v-model="fabOpen"
+        v-model="chatStore.isChatVisible"
         icon="chat"
         color="accent"
         direction="up"
@@ -200,8 +200,6 @@ const router = useRouter();
 const authStore = useAuthStore(); // Use the auth store
 const chatStore = useChatStore();
 
-const fabOpen = ref(false); // Local state for FAB animation, not chat visibility
-
 // Computed properties to get state from the store
 const isChatVisible = computed(() => chatStore.isChatVisible);
 const chatMessages = computed(() => chatStore.chatMessages);