fix(Toaster): add ring on focus-visible

guildxyz · Nov 25, 2024 · 1c8e4bf · 1c8e4bf
1 parent 52d7c86
commit 1c8e4bf
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/ui/Toaster.tsx b/src/components/ui/Toaster.tsx
@@ -15,7 +15,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
       toastOptions={{
         classNames: {
           toast:
-            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg data-[button]:bg-button-primary-background gap-2",
+            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg data-[button]:bg-button-primary-background gap-2 focus-visible:ring-2",
           description: "group-[.toast]:text-foreground-secondary",
           actionButton:
             "group-[.toast]:!bg-button-primary-background group-[.toast]:!text-button-primary-foreground",