diff --git a/src/components/header/LogoutButton.tsx b/src/components/header/LogoutButton.tsx
index 8ad2477..cf78805 100644
--- a/src/components/header/LogoutButton.tsx
+++ b/src/components/header/LogoutButton.tsx
@@ -3,8 +3,13 @@ import Button from 'components/Button'
 import { signOut } from 'utils/auth-client'
 
 export default function LogoutBtn() {
+  async function handleClick() {
+    await signOut()
+    location.reload()
+  }
+
   return (
-    <Button className='rounded-t-none' onClick={() => signOut()}>
+    <Button className='rounded-t-none' onClick={handleClick}>
       {m.logout()}
     </Button>
   )