fix: remove wrapper div from toogle chip group so our test can get th…

…e option by text
homebound-team · Aug 7, 2024 · 7ed7c78 · 7ed7c78
1 parent daff757
commit 7ed7c78
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/src/inputs/ToggleChipGroup.tsx b/src/inputs/ToggleChipGroup.tsx
@@ -95,7 +95,8 @@ function ToggleChip(props: ToggleChipProps) {
     children: (
       <label
         css={{
-          ...Css.relative.dib.br16.sm.px1.cursorPointer.pyPx(4).bgGray200.if(isDisabled).cursorNotAllowed.gray600.pr1.$,
+          ...Css.relative.dif.gap1.aic.br16.sm.px1.cursorPointer.pyPx(4).bgGray200.if(isDisabled).cursorNotAllowed
+            .gray600.pr1.$,
           ...(isSelected
             ? {
                 ...Css.color(xss?.color ?? Palette.White).bgColor(xss?.backgroundColor ?? Palette.Blue700).$,
@@ -112,10 +113,8 @@ function ToggleChip(props: ToggleChipProps) {
         <VisuallyHidden>
           <input {...inputProps} {...focusProps} />
         </VisuallyHidden>
-        <div css={Css.df.gap1.$}>
-          {startAdornment}
-          {label}
-        </div>
+        {startAdornment}
+        {label}
       </label>
     ),
   });