diff --git a/app/templates/vendor/onboarding.html b/app/templates/vendor/onboarding.html
index e866cc0c..31a3177b 100644
--- a/app/templates/vendor/onboarding.html
+++ b/app/templates/vendor/onboarding.html
@@ -23,6 +23,12 @@
                     </div>
                     <span class="text-xl font-semibold text-gray-800 dark:text-white">Wizamart</span>
                 </div>
+                <!-- Logout Button -->
+                <button @click="handleLogout()"
+                        class="mr-4 px-3 py-2 text-sm font-medium text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors">
+                    Logout
+                </button>
+
                 <!-- Language Selector -->
                 <div class="relative" x-data="{ open: false }">
                     <button @click="open = !open"
diff --git a/static/vendor/js/onboarding.js b/static/vendor/js/onboarding.js
index 6f4d2724..3c5828af 100644
--- a/static/vendor/js/onboarding.js
+++ b/static/vendor/js/onboarding.js
@@ -603,6 +603,35 @@ function vendorOnboarding(initialLang = 'en') {
             }
         },
 
+        // Logout handler
+        async handleLogout() {
+            console.log('🚪 Logging out from onboarding...');
+
+            // Get vendor code from URL
+            const path = window.location.pathname;
+            const segments = path.split('/').filter(Boolean);
+            const vendorCode = segments[0] === 'vendor' && segments[1] ? segments[1] : '';
+
+            try {
+                // Call logout API
+                await apiClient.post('/vendor/auth/logout');
+                console.log('✅ Logout API called successfully');
+            } catch (error) {
+                console.error('⚠️ Logout API error (continuing anyway):', error);
+            } finally {
+                // Clear vendor tokens only (not admin or customer tokens)
+                console.log('🧹 Clearing vendor tokens...');
+                localStorage.removeItem('vendor_token');
+                localStorage.removeItem('vendor_user');
+                localStorage.removeItem('currentUser');
+                localStorage.removeItem('vendorCode');
+                // Note: Do NOT use localStorage.clear() - it would clear admin/customer tokens too
+
+                console.log('🔄 Redirecting to login...');
+                window.location.href = `/vendor/${vendorCode}/login`;
+            }
+        },
+
         // Dark mode
         get dark() {
             return localStorage.getItem('dark') === 'true' ||