diff --git a/src/frontend/src/features/notifications/components/ToastMessageReceived.tsx b/src/frontend/src/features/notifications/components/ToastMessageReceived.tsx
index 631838dc..82c3175b 100644
--- a/src/frontend/src/features/notifications/components/ToastMessageReceived.tsx
+++ b/src/frontend/src/features/notifications/components/ToastMessageReceived.tsx
@@ -64,7 +64,7 @@ export function ToastMessageReceived({ state, ...props }: ToastProps) {
             />
             <span>{participant.name}</span>
           </div>
-          <Text margin={false} wrap={'pretty'} centered={false}>
+          <Text margin={false} centered={false} wrap={'pretty'} fullWidth>
             {message}
           </Text>
         </div>
diff --git a/src/frontend/src/primitives/Text.tsx b/src/frontend/src/primitives/Text.tsx
index 15231f2a..1fc9b729 100644
--- a/src/frontend/src/primitives/Text.tsx
+++ b/src/frontend/src/primitives/Text.tsx
@@ -92,6 +92,11 @@ export const text = cva({
         marginBottom: 0.5,
       },
     },
+    fullWidth: {
+      true: {
+        width: '100%',
+      },
+    },
     last: {
       true: {
         marginBottom: '0!',