fix(collapse): header width

abelflopes · Oct 24, 2024 · 53c0519 · 53c0519
1 parent b569a07
commit 53c0519
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/components/collapse/src/index.tsx b/packages/components/collapse/src/index.tsx
@@ -47,7 +47,7 @@ export const Collapse = ({
           <IconChevronDown className={classNames(styles.icon, internalOpen && styles.icon_open)} />
         </Icon>
 
-        <div>{header}</div>
+        <div className={styles.header_content}>{header}</div>
       </summary>
 
       {children}

diff --git a/packages/components/collapse/src/styles/index.module.scss b/packages/components/collapse/src/styles/index.module.scss
@@ -10,6 +10,11 @@
   cursor: pointer;
 
   margin-bottom: scss-utils.get-css-var(collapse, spacing);
+
+  &_content {
+    flex-grow: 1;
+    flex-shrink: 1;
+  }
 }
 
 .icon {