diff --git a/libs/shared/tailwind-ui/src/lib/sonner-toaster/sonner-toaster.tsx b/libs/shared/tailwind-ui/src/lib/sonner-toaster/sonner-toaster.tsx
index 4b2809ab..274610d3 100644
--- a/libs/shared/tailwind-ui/src/lib/sonner-toaster/sonner-toaster.tsx
+++ b/libs/shared/tailwind-ui/src/lib/sonner-toaster/sonner-toaster.tsx
@@ -19,7 +19,11 @@ const Toaster = ({ ...props }: ToasterProps) => {
 					actionButton:
 						'group-[.toast]:bg-primary group-[.toast]:text-white group-[.toast]:rounded-md',
 					cancelButton:
-						'group-[.toast]:bg-bg-error group-[.toast]:text-white group-[.toast]:rounded-md'
+						'group-[.toast]:bg-bg-error group-[.toast]:text-white group-[.toast]:rounded-md',
+					success: 'group-[.toaster_[data-icon]]:text-bg-ok',
+					error: 'group-[.toaster_[data-icon]]:text-bg-error',
+					warning: 'group-[.toaster_[data-icon]]:text-bg-warning',
+					info: 'group-[.toaster_[data-icon]]:text-primary'
 				}
 			}}
 			{...props}