diff --git a/packages/internal/components/src/ui/toast/styles.ts b/packages/internal/components/src/ui/toast/styles.ts
index 84db0d1c7..b152d22ae 100644
--- a/packages/internal/components/src/ui/toast/styles.ts
+++ b/packages/internal/components/src/ui/toast/styles.ts
@@ -1,7 +1,7 @@
 export const toastStyles = {
   toast: tw`
     group relative flex w-full items-center justify-between gap-3 rounded-2xl p-4
-    backdrop-blur-2xl duration-300 ease-out overflow-hidden
+    backdrop-blur-2xl duration-300 ease-out
     max-w-md min-w-[320px]
     font-theme
     [&]:border [&]:border-solid
@@ -67,7 +67,13 @@ export const toastStyles = {
     bg-material-ultra-thick
     transition-all duration-200
     opacity-0 group-hover:opacity-100
-    focus:outline-none focus:ring-2 focus:ring-accent/50
+    focus:outline-none focus:ring-2
+    group-data-[type=default]:focus:ring-[rgba(255,92,0,0.5)]
+    group-data-[type=success]:focus:ring-[rgba(40,205,65,0.5)]
+    group-data-[type=error]:focus:ring-[rgba(255,69,58,0.5)]
+    group-data-[type=warning]:focus:ring-[rgba(255,149,0,0.5)]
+    group-data-[type=info]:focus:ring-[rgba(0,122,255,0.5)]
+    group-data-[type=loading]:focus:ring-[rgba(142,142,147,0.5)]
     focus:opacity-100
   `,
 }