fix(components): adjust disclosure button height

abusix · Jan 24, 2024 · cd0ab56 · cd0ab56
1 parent 297357d
commit cd0ab56
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/disclosure/disclosure.tsx b/src/components/disclosure/disclosure.tsx
@@ -18,12 +18,12 @@ 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 focus:outline focus:outline-2 focus:outline-offset-0 focus:outline-primary-200"
+            className="headline-300 flex w-full items-center justify-between border-b border-t border-b-neutral-300 border-t-transparent 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 }) => (
                 <>
-                    {children}
+                    <span>{children}</span>
                     <ChevronDownIcon
                         className={classNames("h-3 w-3", open && "rotate-180 transform")}
                     />