diff --git a/components/dashboard/src/components/toasts/Toast.tsx b/components/dashboard/src/components/toasts/Toast.tsx index 52554d86a9f182..edef1e6d91e5ae 100644 --- a/components/dashboard/src/components/toasts/Toast.tsx +++ b/components/dashboard/src/components/toasts/Toast.tsx @@ -71,8 +71,8 @@ export const Toast: FC = ({ id, message, duration = 5000, autoHide = true "relative flex justify-between items-start", "w-full md:w-112 max-w-full", "p-4 md:rounded-md", - "bg-gray-800 dark:bg-gray-50", - "text-white dark:text-gray-800", + "dark:bg-gray-100 bg-gray-700", + "dark:text-gray-500 text-gray-300", // colors taken from src/components/Alert.tsx "info" variant "transition-transform animate-toast-in-right", )} onMouseEnter={onMouseEnter} @@ -80,8 +80,8 @@ export const Toast: FC = ({ id, message, duration = 5000, autoHide = true role="alert" aria-labelledby={elId} > -
- {typeof message === "string" ?

{message}

: message} +
+ {typeof message === "string" ? {message} : message}