diff --git a/package-lock.json b/package-lock.json
index 6268efb2..85830bd5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,7 +24,7 @@
         "react-dropzone": "^14.3.5",
         "react-select": "^5.10.1",
         "react-sticky-box": "2.0.5",
-        "react-toastify": "^9.1.3",
+        "react-toastify": "^11.0.5",
         "what-input": "^5.2.12",
         "yup": "^1.4.0"
       },
@@ -24010,25 +24010,16 @@
       }
     },
     "node_modules/react-toastify": {
-      "version": "9.1.3",
-      "resolved": "https://registry.npmjs.org/react-toastify/-/react-toastify-9.1.3.tgz",
-      "integrity": "sha512-fPfb8ghtn/XMxw3LkxQBk3IyagNpF/LIKjOBflbexr2AWxAH1MJgvnESwEwBn9liLFXgTKWgBSdZpw9m4OTHTg==",
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/react-toastify/-/react-toastify-11.0.5.tgz",
+      "integrity": "sha512-EpqHBGvnSTtHYhCPLxML05NLY2ZX0JURbAdNYa6BUkk+amz4wbKBQvoKQAB0ardvSarUBuY4Q4s1sluAzZwkmA==",
       "license": "MIT",
       "dependencies": {
-        "clsx": "^1.1.1"
+        "clsx": "^2.1.1"
       },
       "peerDependencies": {
-        "react": ">=16",
-        "react-dom": ">=16"
-      }
-    },
-    "node_modules/react-toastify/node_modules/clsx": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
-      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
+        "react": "^18 || ^19",
+        "react-dom": "^18 || ^19"
       }
     },
     "node_modules/react-transition-group": {
diff --git a/package.json b/package.json
index 33819bf5..47771783 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     "react-dropzone": "^14.3.5",
     "react-select": "^5.10.1",
     "react-sticky-box": "2.0.5",
-    "react-toastify": "^9.1.3",
+    "react-toastify": "^11.0.5",
     "what-input": "^5.2.12",
     "yup": "^1.4.0"
   },
diff --git a/src/tedi/components/notifications/toast/toast.module.scss b/src/tedi/components/notifications/toast/toast.module.scss
index 3354a7ec..926f732d 100644
--- a/src/tedi/components/notifications/toast/toast.module.scss
+++ b/src/tedi/components/notifications/toast/toast.module.scss
@@ -1,19 +1,29 @@
-.tedi-toast__progress {
-  background: var(--toast-progress-color) !important;
+:root,
+.Toastify__toast-theme--light {
+  --toastify-color-progress-light: transparent !important;
 }
 
-.tedi-toast__progress--success {
-  --toast-progress-color: var(--alert-default-border-success);
-}
+.tedi-toast {
+  display: block;
+  width: 100%;
 
-.tedi-toast__progress--info {
-  --toast-progress-color: var(--alert-default-border-info);
-}
+  &__progress {
+    background: var(--toast-progress-color) !important;
 
-.tedi-toast__progress--danger {
-  --toast-progress-color: var(--alert-default-border-danger);
-}
+    &--success {
+      --toast-progress-color: var(--alert-default-border-success);
+    }
+
+    &--info {
+      --toast-progress-color: var(--alert-default-border-info);
+    }
+
+    &--danger {
+      --toast-progress-color: var(--alert-default-border-danger);
+    }
 
-.tedi-toast__progress--warning {
-  --toast-progress-color: var(--alert-default-border-warning);
+    &--warning {
+      --toast-progress-color: var(--alert-default-border-warning);
+    }
+  }
 }
diff --git a/src/tedi/components/notifications/toast/toast.tsx b/src/tedi/components/notifications/toast/toast.tsx
index e761754f..252a3091 100644
--- a/src/tedi/components/notifications/toast/toast.tsx
+++ b/src/tedi/components/notifications/toast/toast.tsx
@@ -34,6 +34,7 @@ export const sendNotification = (props: AlertProps, toastOptions?: ToastOptions)
           props.onClose?.();
           toast.dismiss(id);
         }}
+        className={styles['tedi-toast']}
       >
         {props.children}
       </Alert>