diff --git a/src/components/ToasterClient.tsx b/src/components/ToasterClient.tsx
index 40e89942..a12b7581 100644
--- a/src/components/ToasterClient.tsx
+++ b/src/components/ToasterClient.tsx
@@ -8,7 +8,7 @@ export default function ToasterClient() {
   return (
     <Toaster
       theme={theme as 'system' | 'light' | 'dark'}
-      className="!font-mono"
+      className="toaster"
     />
   );
 }
\ No newline at end of file
diff --git a/src/site/globals.css b/src/site/globals.css
index f72b1c1c..68541075 100644
--- a/src/site/globals.css
+++ b/src/site/globals.css
@@ -70,4 +70,9 @@
       disabled:bg-transparent dark:disabled:bg-transparent
       disabled:border-gray-100 dark:disabled:border-gray-900
   }
+  .toaster [data-sonner-toast] {
+    @apply
+      font-mono
+      !border-gray-200 dark:!border-gray-800
+  }
 }