diff --git a/src/components/Toaster.tsx b/src/components/Toaster.tsx
index 12ec486f..dead4259 100644
--- a/src/components/Toaster.tsx
+++ b/src/components/Toaster.tsx
@@ -17,8 +17,8 @@ export function Toaster() {
       {toasts.map(({ id, title, description, action, ...props }) => (
         <Toast key={id} {...props}>
           <div className="grid gap-1">
-            {title && <ToastTitle>{title}</ToastTitle>}
-            {description && <ToastDescription>{description}</ToastDescription>}
+            {title && <ToastTitle className="dark:text-white">{title}</ToastTitle>}
+            {description && <ToastDescription className="dark:text-white-400">{description}</ToastDescription>}
           </div>
           {action}
           <ToastClose />