diff --git a/components/callout.tsx b/components/callout.tsx
index 7b3b60a8..6f906090 100644
--- a/components/callout.tsx
+++ b/components/callout.tsx
@@ -15,8 +15,8 @@ export function Callout({
   return (
     <div
       className={cn("my-6 flex items-start rounded-md border border-l-4 p-4", {
-        "border-red-900 bg-red-50": type === "danger",
-        "border-yellow-900 bg-yellow-50": type === "warning",
+         "border-[rgb(29,40,58)] ": type === "danger",
+        "border-[rgb(29,40,58)]": type === "warning",
       })}
       {...props}
     >