diff --git a/frontend/src/components/toast.rs b/frontend/src/components/toast.rs
index 000a3bb..d0543cd 100644
--- a/frontend/src/components/toast.rs
+++ b/frontend/src/components/toast.rs
@@ -33,7 +33,7 @@ fn ToastItem(
     view! {
         <div 
             class={format!("alert {} shadow-xl", alert_class)}
-            style="min-width: 300px; padding: 12px 16px;"
+            style="min-width: 200px; max-width: calc(100vw - 40px); padding: 12px 16px;"
         >
             <span style="font-size: 18px;">{icon}</span>
             <span style="font-size: 14px; font-weight: 500;">{message}</span>