diff --git a/src/site/globals.css b/src/site/globals.css
index bd0db754..fedb0261 100644
--- a/src/site/globals.css
+++ b/src/site/globals.css
@@ -106,7 +106,7 @@
   /* Toasts */
   .toaster [data-sonner-toast] {
     @apply
-      font-mono
+      font-mono font-normal
       !border-gray-200 dark:!border-gray-800
   }
   /* Common Utilities */
diff --git a/src/toast/index.tsx b/src/toast/index.tsx
index 19703b0c..d453ca10 100644
--- a/src/toast/index.tsx
+++ b/src/toast/index.tsx
@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { AiOutlineWarning } from 'react-icons/ai';
+import { PiWarningBold } from 'react-icons/pi';
 import { FiCheckSquare } from 'react-icons/fi';
 import { toast } from 'sonner';
 
@@ -20,7 +20,7 @@ export const toastWarning = (
   duration = DEFAULT_DURATION,
 ) => toast(
   message, {
-    icon: <AiOutlineWarning size={16} />,
+    icon: <PiWarningBold size={16} />,
     duration,
   },
 );