diff --git a/documentation-website/src/components/faq-item.scss b/documentation-website/src/components/faq-item.scss index 4a9971ff..078bf1fe 100644 --- a/documentation-website/src/components/faq-item.scss +++ b/documentation-website/src/components/faq-item.scss @@ -3,8 +3,11 @@ list-style-type: none; width: 100%; - &:focus { - box-shadow: 0 0 2em var(--shadow); + & > button { + width: 100%; + &:focus { + box-shadow: 0 0 2em var(--shadow); + } } .accordion-section { diff --git a/documentation-website/src/components/faq-item.tsx b/documentation-website/src/components/faq-item.tsx index 85eb38ce..ca5a785e 100644 --- a/documentation-website/src/components/faq-item.tsx +++ b/documentation-website/src/components/faq-item.tsx @@ -19,39 +19,33 @@ const FaqItem = ({ setIsOpen(! isOpen,); }; - const handleKeyDown = (e: React.KeyboardEvent,) => { - if (e.key === 'Enter') { - toggleOpen(); - } - }; - return ( -
  • -
    toggleOpen()} role="button"> +
  • +
  • ); };