Fixes the collapseButton focus.

asyncapi · Sep 27, 2024 · 3aed16d · 3aed16d
1 parent 268e0fa
commit 3aed16d
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/library/src/components/CollapseButton.tsx b/library/src/components/CollapseButton.tsx
@@ -33,7 +33,7 @@ export const CollapseButton: React.FunctionComponent<Props> = ({
 }) => (
   <button
     {...rest}
-    className={`focus:outline-none ${rest.className}`}
+    className={`focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 ${rest.className ?? ''}`}
     type="button"
   >
     <div className="inline-block">{children}</div>
@@ -45,3 +45,4 @@ export const CollapseButton: React.FunctionComponent<Props> = ({
     />
   </button>
 );
+