diff --git a/web/src/features/notifications/NotificationWrapper.tsx b/web/src/features/notifications/NotificationWrapper.tsx
index 326d0f3..0de3960 100644
--- a/web/src/features/notifications/NotificationWrapper.tsx
+++ b/web/src/features/notifications/NotificationWrapper.tsx
@@ -9,6 +9,7 @@ export interface NotificationProps {
   description?: string;
   duration?: number;
   position?: ToastPosition;
+  variant?: string;
   status?: 'info' | 'warning' | 'success' | 'error';
   id?: number;
 }
@@ -72,6 +73,7 @@ const Notifications: React.FC = () => {
       description: data.description,
       duration: data.duration || 4000,
       position: data.position || 'top-right',
+      variant: data.variant,
       status: data.status,
     });
   });