diff --git a/resources/js/Components/POS/DashboardButton.vue b/resources/js/Components/POS/DashboardButton.vue
index 6472190..3e8d3f6 100644
--- a/resources/js/Components/POS/DashboardButton.vue
+++ b/resources/js/Components/POS/DashboardButton.vue
@@ -14,6 +14,10 @@ const props = defineProps({
         type: String,
         default: ''
     },
+    method: {
+        type: String,
+        default: 'GET'
+    },
     icon: {
         type: String,
         default: ''
@@ -22,7 +26,7 @@ const props = defineProps({
 </script>
 
 <template>
-    <component :is="(route) ? Link : 'div'" :href="route">
+    <component :is="(route) ? Link : 'div'" :href="route" :method="method">
         <div class="
         h-full
         px-10
diff --git a/resources/js/Pages/POS/Dashboard.vue b/resources/js/Pages/POS/Dashboard.vue
index 4fc422f..ffe2b9a 100644
--- a/resources/js/Pages/POS/Dashboard.vue
+++ b/resources/js/Pages/POS/Dashboard.vue
@@ -11,7 +11,7 @@ const buttons = [
     { label: "Lookup Attendee", route: route('pos.attendee.lookup'), icon: 'pi pi-id-card' },
     { label: "Badge List", route: '#', icon: 'pi pi-database' },
     { label: "Park Tickets", route: '#', icon: 'pi pi-euro' },
-    { label: "Logout", route: '#', icon: 'pi pi-wallet' },
+    { label: "Switch User", route: route('pos.auth.user.logout'), icon: 'pi pi-sign-out', method: 'POST' },
 ];
 </script>
 
@@ -21,6 +21,6 @@ const buttons = [
     </Head>
     <!-- Grid System for POS -->
     <div class="grid lg:grid-cols-4 lg:grid-rows-4 gap-2 h-full px-4 pb-4">
-      <DashboardButton :label="i.label" :icon="i.icon" :route="i.route" v-for="i in buttons">test</DashboardButton>
+      <DashboardButton :label="i.label" :icon="i.icon" :route="i.route" :method="i.method" v-for="i in buttons">test</DashboardButton>
     </div>
 </template>