diff --git a/wp-content/themes/ccat/app/components/auth/UserSwitchButton.vue b/wp-content/themes/ccat/app/components/auth/UserSwitchButton.vue
new file mode 100644
index 0000000..9bab27b
--- /dev/null
+++ b/wp-content/themes/ccat/app/components/auth/UserSwitchButton.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+defineProps<{ userId: number }>();
+const { isUserSwitched, userSwitchBack, userSwitchTo } = useUserSwitching();
+</script>
+
+<template>
+  <UButton v-if="isUserSwitched" variant="outline" @click="userSwitchBack()">
+    Switch back
+  </UButton>
+  <UButton v-else @click="userSwitchTo(userId)">
+    Switch to
+  </UButton>
+</template>
diff --git a/wp-content/themes/ccat/app/components/site/SiteHeaderTop.vue b/wp-content/themes/ccat/app/components/site/SiteHeaderTop.vue
index cd22b36..c9f0020 100644
--- a/wp-content/themes/ccat/app/components/site/SiteHeaderTop.vue
+++ b/wp-content/themes/ccat/app/components/site/SiteHeaderTop.vue
@@ -11,5 +11,6 @@ const showLabels = breakpoints.greaterOrEqual("sm");
     <UNavigationMenu :items="menuItems" variant="link" content-orientation="vertical" />
     <LoginLogoutButton :show-labels="showLabels" />
     <SignUpButton :show-labels="showLabels" />
+    <UserSwitchButton :user-id="2" />
   </UContainer>
 </template>