diff --git a/components/UserHeader/UserWidget.vue b/components/UserHeader/UserWidget.vue
index c8028ab..8bf8185 100644
--- a/components/UserHeader/UserWidget.vue
+++ b/components/UserHeader/UserWidget.vue
@@ -58,6 +58,18 @@
                 {{ nav.label }}
               </button>
             </MenuItem>
+            <MenuItem v-slot="{ active, close }" hydrate-on-visible as="div">
+              <!-- TODO: think this would work better as a NuxtLink instead of a button -->
+              <a
+                :class="[
+                  active ? 'bg-zinc-800 text-zinc-100' : 'text-zinc-400',
+                  'w-full text-left transition block px-4 py-2 text-sm',
+                ]"
+                href="/auth/signout"
+              >
+                Signout
+              </a>
+            </MenuItem>
           </div>
         </PanelWidget>
       </MenuItems>
@@ -86,10 +98,5 @@ const navigation: NavigationItem[] = [
     route: "/account",
     prefix: "",
   },
-  {
-    label: "Sign out",
-    route: "/auth/signout",
-    prefix: "",
-  },
 ].filter((e) => e !== undefined);
 </script>