diff --git a/client/components/ui/toaster.tsx b/client/components/ui/toaster.tsx
index 5887f080..07051c4d 100644
--- a/client/components/ui/toaster.tsx
+++ b/client/components/ui/toaster.tsx
@@ -13,9 +13,17 @@ export function Toaster() {
 
   return (
     <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, ...props }) {
+      {toasts.map(function ({ id, title, description, action, ...props }: any) {
         return (
-          <Toast key={id} {...props}>
+          <Toast
+            key={id}
+            {...props}
+            style={{
+              ...(props.accentColor && {
+                '--toast-arm-color': props.accentColor,
+              }),
+            } as React.CSSProperties}
+          >
             <div className="grid gap-1">
               {title && <ToastTitle>{title}</ToastTitle>}
               {description && (