diff --git a/apps/web/.storybook/preview.tsx b/apps/web/.storybook/preview.tsx
index c94b78e57..be820aad8 100644
--- a/apps/web/.storybook/preview.tsx
+++ b/apps/web/.storybook/preview.tsx
@@ -12,6 +12,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { MemoryRouter } from 'react-router-dom';
 import { ToastProvider } from '../src/components/feedback/ToastProvider';
 import { AudioProvider } from '../src/context/AudioContext';
+import { AuthProvider } from '../src/providers/AuthProvider';
 
 // Create a client for stories
 const queryClient = new QueryClient({
@@ -82,6 +83,8 @@ const preview: Preview = {
             toc: true, // Enable table of contents in docs
         },
     },
+
+
     decorators: [
         // Global providers decorator
         (Story, context) => {
@@ -93,9 +96,11 @@ const preview: Preview = {
                         <QueryClientProvider client={queryClient}>
                             <ToastProvider>
                                 <AudioProvider>
-                                    <MemoryRouter>
-                                        <Story />
-                                    </MemoryRouter>
+                                    <AuthProvider>
+                                        <MemoryRouter>
+                                            <Story />
+                                        </MemoryRouter>
+                                    </AuthProvider>
                                 </AudioProvider>
                             </ToastProvider>
                         </QueryClientProvider>