website refactor

apps/website/components/notifications/NotificationProvider.tsx

@@ -6,7 +6,6 @@ import { v4 as uuid } from 'uuid';
 import { ModalNotification } from './ModalNotification';
 import { ToastNotification } from './ToastNotification';
 
-import { Box } from '@/ui/Box';
 import { Stack } from '@/ui/Stack';
 
 import type { Notification, NotificationAction, NotificationVariant } from './notificationTypes';
@@ -136,7 +135,7 @@ export function NotificationProvider({ children }: NotificationProviderProps) {
       {children}
 
       {/* Toast notifications container */}
-      <Box position="fixed" top="20" right="4" zIndex={50}>
+      <Stack position="fixed" top="20" right="4" zIndex={50}>
         <Stack gap={3}>
           {toastNotifications.map((notification) => (
             <ToastNotification
@@ -147,7 +146,7 @@ export function NotificationProvider({ children }: NotificationProviderProps) {
             />
           ))}
         </Stack>
-      </Box>
+      </Stack>
 
       {/* Modal notification */}
       {modalNotification && (