diff --git a/frontend/components/SidebarUser.vue b/frontend/components/SidebarUser.vue
index 1bde2c8..a3c54a1 100644
--- a/frontend/components/SidebarUser.vue
+++ b/frontend/components/SidebarUser.vue
@@ -12,6 +12,7 @@ import {
     DropdownMenuLabel,
 } from '@/components/ui/dropdown-menu';
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
+import { logout } from '~/lib/api/auth/logout';
 
 const { isMobile } = useSidebar();
 
@@ -100,9 +101,9 @@ const user = {
                         </DropdownMenuItem>
                     </DropdownMenuGroup>
                     <DropdownMenuSeparator />
-                    <DropdownMenuItem>
+                    <DropdownMenuItem @click="logout">
                         <Icon name="lucide:door-open" />
-                        Log out
+                        Sign out
                     </DropdownMenuItem>
                 </DropdownMenuContent>
             </DropdownMenu>
diff --git a/frontend/lib/api/auth/logout.ts b/frontend/lib/api/auth/logout.ts
new file mode 100644
index 0000000..fa44b7a
--- /dev/null
+++ b/frontend/lib/api/auth/logout.ts
@@ -0,0 +1,6 @@
+export async function logout() {
+    useAuthSession().value = null;
+    await navigateTo({
+        path: '/signin',
+    });
+}