Merge branch 'main' into refactor/di-for-insights-routing-service

eunjae-lee · web-flow · commit 5c9f77060e77 · 2025-07-22T16:18:58.000+02:00
diff --git a/packages/ui/components/toast/showToast.tsx b/packages/ui/components/toast/showToast.tsx
@@ -16,15 +16,15 @@ export const SuccessToast = ({ message, onClose, toastId }: IToast) => (
       "data-testid-toast-success bg-default dark:bg-inverted text-emphasis dark:text-inverted shadow-elevation-low border-subtle mb-2 flex h-auto items-center justify-between space-x-2 rounded-lg border px-3 py-2.5 text-sm font-semibold rtl:space-x-reverse md:max-w-sm"
     )}
     onClick={() => onClose(toastId)}>
-    <span className="mt-1">
+    <span>
       <Icon name="check" className="size-4" />
     </span>
     <div className="flex items-center">
       <p data-testid="toast-success" className="m-0 w-full text-left">
         {message}
       </p>
     </div>
-    <span className="mt-1">
+    <span>
       <Icon name="x" className="size-4 hover:cursor-pointer" />
     </span>
   </button>
@@ -36,15 +36,15 @@ export const ErrorToast = ({ message, onClose, toastId }: IToast) => (
       "animate-fade-in-up bg-semantic-error-subtle text-semantic-error shadow-elevation-low border-semantic-error-subtle mb-2 flex h-auto items-center justify-between space-x-2 rounded-md border px-3 py-2.5 text-sm font-semibold rtl:space-x-reverse md:max-w-sm"
     )}
     onClick={() => onClose(toastId)}>
-    <span className="mt-1">
+    <span>
       <Icon name="info" className="text-semantic-error  size-4" />
     </span>
     <div className="flex items-center">
       <p data-testid="toast-error" className="m-0 w-full text-left">
         {message}
       </p>
     </div>
-    <span className="mt-1">
+    <span>
       <Icon name="x" className="text-semantic-error size-4 hover:cursor-pointer" />
     </span>
   </button>
@@ -56,15 +56,15 @@ export const WarningToast = ({ message, onClose, toastId }: IToast) => (
       "animate-fade-in-up bg-semantic-attention-subtle text-semantic-attention shadow-elevation-low border-semantic-attention-subtle mb-2 flex h-auto items-center justify-between space-x-2 rounded-md border px-3 py-2.5 text-sm font-semibold rtl:space-x-reverse md:max-w-sm"
     )}
     onClick={() => onClose(toastId)}>
-    <span className="mt-1">
+    <span>
       <Icon name="info" className="text-semantic-attention size-4" />
     </span>
     <div className="flex items-center">
       <p data-testid="toast-warning" className="m-0 w-full text-left">
         {message}
       </p>
     </div>
-    <span className="mt-1">
+    <span>
       <Icon name="x" className="text-semantic-attention size-4 hover:cursor-pointer" />
     </span>
   </button>
