diff --git a/admin-spa/src/App.tsx b/admin-spa/src/App.tsx
index 586b02b..3450949 100644
--- a/admin-spa/src/App.tsx
+++ b/admin-spa/src/App.tsx
@@ -201,6 +201,7 @@ import SettingsTax from '@/routes/Settings/Tax';
 import SettingsCustomers from '@/routes/Settings/Customers';
 import SettingsLocalPickup from '@/routes/Settings/LocalPickup';
 import SettingsNotifications from '@/routes/Settings/Notifications';
+import StaffNotifications from '@/routes/Settings/Notifications/Staff';
 import SettingsDeveloper from '@/routes/Settings/Developer';
 import MorePage from '@/routes/More';
 
@@ -488,6 +489,7 @@ function AppRoutes() {
       <Route path="/settings/local-pickup" element={<SettingsLocalPickup />} />
       <Route path="/settings/checkout" element={<SettingsIndex />} />
       <Route path="/settings/notifications" element={<SettingsNotifications />} />
+      <Route path="/settings/notifications/staff" element={<StaffNotifications />} />
       <Route path="/settings/brand" element={<SettingsIndex />} />
       <Route path="/settings/developer" element={<SettingsDeveloper />} />
 
diff --git a/admin-spa/src/routes/Settings/Notifications/Staff.tsx b/admin-spa/src/routes/Settings/Notifications/Staff.tsx
index ce4eec7..658c639 100644
--- a/admin-spa/src/routes/Settings/Notifications/Staff.tsx
+++ b/admin-spa/src/routes/Settings/Notifications/Staff.tsx
@@ -41,7 +41,7 @@ export default function StaffNotifications() {
         </TabsContent>
 
         <TabsContent value="templates" className="space-y-4">
-          <NotificationTemplates recipientType="staff" />
+          <NotificationTemplates />
         </TabsContent>
       </Tabs>
     </SettingsLayout>
diff --git a/admin-spa/src/routes/Settings/Notifications/Staff/Channels.tsx b/admin-spa/src/routes/Settings/Notifications/Staff/Channels.tsx
index 1a494a9..068197d 100644
--- a/admin-spa/src/routes/Settings/Notifications/Staff/Channels.tsx
+++ b/admin-spa/src/routes/Settings/Notifications/Staff/Channels.tsx
@@ -1,14 +1,14 @@
 import React, { useState, useEffect } from 'react';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { api } from '@/lib/api';
-import { SettingsCard } from '../components/SettingsCard';
+import { SettingsCard } from '../../components/SettingsCard';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Switch } from '@/components/ui/switch';
 import { RefreshCw, Mail, MessageCircle, Send, Bell, ExternalLink, Settings, Check, X } from 'lucide-react';
 import { toast } from 'sonner';
 import { __ } from '@/lib/i18n';
-import ChannelConfig from './ChannelConfig';
+import ChannelConfig from '../ChannelConfig';
 
 interface NotificationChannel {
   id: string;