diff --git a/components/toast/toast-item.tsx b/components/toast/toast-item.tsx
index 77fd3de..e2368e8 100644
--- a/components/toast/toast-item.tsx
+++ b/components/toast/toast-item.tsx
@@ -94,6 +94,7 @@ const ToastItem: React.FC<ToatItemProps> = React.memo(({
       <style jsx>{`
         .toast {
           width: 420px;
+          max-width: 90vw;
           max-height: 75px;
           display: flex;
           justify-content: space-between;