From 14f3125755f96d8c08008f34d7a2cb645e3e2713 Mon Sep 17 00:00:00 2001
From: Jashan Gill <jpsgill6@gmail.com>
Date: Sat, 6 Sep 2025 17:27:35 +0530
Subject: [PATCH] addedToastStyleProp

---
 src/components/ToastContainer.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/ToastContainer.tsx b/src/components/ToastContainer.tsx
index a3d22b2c..a39580cc 100644
--- a/src/components/ToastContainer.tsx
+++ b/src/components/ToastContainer.tsx
@@ -34,7 +34,7 @@ export function ToastContainer(props: ToastContainerProps) {
   const [collapsed, setIsCollapsed] = useState(true);
   const containerRef = useRef<HTMLDivElement>(null);
   const { getToastToRender, isToastActive, count } = useToastContainer(containerProps);
-  const { className, style, rtl, containerId, hotKeys } = containerProps;
+  const { className, style, toastStyle, rtl, containerId, hotKeys } = containerProps;
 
   function getClassName(position: ToastPosition) {
     const defaultClassName = cx(
@@ -136,14 +136,15 @@ export function ToastContainer(props: ToastContainerProps) {
             tabIndex={-1}
             className={getClassName(position)}
             data-stacked={stacked}
-            style={containerStyle}
             key={`c-${position}`}
+            style={containerStyle}
           >
             {toastList.map(({ content, props: toastProps }) => {
               return (
                 <Toast
                   {...toastProps}
                   stacked={stacked}
+                  style={toastStyle}
                   collapseAll={collapseAll}
                   isIn={isToastActive(toastProps.toastId, toastProps.containerId)}
                   key={`t-${toastProps.key}`}