Merge pull request #97 from abusix/ahq2-58-hailstorm-set-focus-state-…

…for-disclosure-buttons fix(components): add missing focus outline
abusix · Jan 24, 2024 · 297357d · 297357d
2 parents 901385f + b54903d
commit 297357d
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/disclosure/disclosure.tsx b/src/components/disclosure/disclosure.tsx
@@ -18,7 +18,7 @@ interface DisclosureButtonProps extends React.ComponentPropsWithoutRef<"button">
 const DisclosureButton = ({ children, ...props }: DisclosureButtonProps) => {
     return (
         <HeadlessUiDisclosure.Button
-            className="headline-300 flex h-10 w-full items-center justify-between border-b border-neutral-300 bg-neutral-50 py-3 pl-3 pr-5 text-left text-neutral-900"
+            className="headline-300 flex h-10 w-full items-center justify-between border-b border-neutral-300 bg-neutral-50 py-3 pl-3 pr-5 text-left text-neutral-900 focus:outline focus:outline-2 focus:outline-offset-0 focus:outline-primary-200"
             {...props}
         >
             {({ open }) => (