diff --git a/packages/design-system/src/styles/components/_Choice.scss b/packages/design-system/src/styles/components/_Choice.scss index b0d9564c07..872fe2568b 100644 --- a/packages/design-system/src/styles/components/_Choice.scss +++ b/packages/design-system/src/styles/components/_Choice.scss @@ -11,7 +11,6 @@ $ds-c-inset-border-width: $spacer-half; // Layout styles for wrapping choice container .ds-c-choice-wrapper { display: flex; - flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; // max-width: $input-max-width; @@ -22,7 +21,8 @@ $ds-c-inset-border-width: $spacer-half; .ds-c-choice + label, .ds-c-choice + .ds-c-label { cursor: pointer; - flex: 1 1 min-content; + flex-grow: 1; + flex-basis: min-content; font-weight: $font-normal; margin-top: 0; max-width: max-content; @@ -65,6 +65,7 @@ label, cursor: pointer; display: grid; height: $choice-size; + flex-shrink: 0; justify-items: center; margin: 0; place-content: center;