diff --git a/packages/lib/src/toast/Toast.tsx b/packages/lib/src/toast/Toast.tsx
index 93121f0ae..d1c629731 100644
--- a/packages/lib/src/toast/Toast.tsx
+++ b/packages/lib/src/toast/Toast.tsx
@@ -38,7 +38,7 @@ const Toast = styled.output<{ semantic: ToastPropsType["semantic"]; isClosing: b
   min-width: 200px;
   max-width: 600px;
   width: fit-content;
-  border-left: var(--border-width-m) var(--border-style-default) ${({ semantic }) => getSemantic(semantic).primaryColor};
+  border-left: var(--border-width-m) var(--border-style-default) ${({ semantic }) => getSemantic(semantic).borderColor};
   border-radius: var(--border-radius-s);
   box-shadow: var(--shadow-100);
   display: inline-flex;
diff --git a/packages/lib/src/toast/utils.ts b/packages/lib/src/toast/utils.ts
index ac80b9ccb..a45045f15 100644
--- a/packages/lib/src/toast/utils.ts
+++ b/packages/lib/src/toast/utils.ts
@@ -4,26 +4,30 @@ export default function getSemantic(semantic: ToastPropsType["semantic"]) {
   switch (semantic) {
     case "default":
       return {
-        primaryColor: "var(--border-color-primary-stronger)",
+        primaryColor: "var(--color-fg-primary-stronger)",
         secondaryColor: "var(--color-bg-primary-lighter)",
+        borderColor: "var(--border-color-primary-stronger)",
         icon: "",
       };
     case "info":
       return {
-        primaryColor: "var(--border-color-info-strong)",
+        primaryColor: "var(--color-fg-info-strong)",
         secondaryColor: "var(--color-bg-info-lighter)",
+        borderColor: "var(--border-color-info-strong)",
         icon: "filled_info",
       };
     case "success":
       return {
-        primaryColor: "var(--border-color-success-medium)",
+        primaryColor: "var(--color-fg-success-medium)",
         secondaryColor: "var(--color-bg-success-lighter)",
+        borderColor: "var(--border-color-success-medium)",
         icon: "filled_check_circle",
       };
     case "warning":
       return {
-        primaryColor: "var(--border-color-warning-medium)",
+        primaryColor: "var(--color-fg-warning-strong)",
         secondaryColor: "var(--color-bg-warning-lighter)",
+        borderColor: "var(--border-color-warning-strong)",
         icon: "filled_warning",
       };
   }