diff --git a/src/components/Select/components/SelectClear/SelectClear.scss b/src/components/Select/components/SelectClear/SelectClear.scss index 3949b639ad..dc844d6a5a 100644 --- a/src/components/Select/components/SelectClear/SelectClear.scss +++ b/src/components/Select/components/SelectClear/SelectClear.scss @@ -10,6 +10,7 @@ $block: '.#{variables.$ns}select-clear'; align-items: center; margin-inline-start: auto; z-index: 1; + flex-shrink: 0; &:focus-visible { border: 1px solid var(--g-color-line-generic-active); diff --git a/src/components/Select/components/SelectControl/SelectControl.scss b/src/components/Select/components/SelectControl/SelectControl.scss index 8fae1ea32f..b4c3e13f2a 100644 --- a/src/components/Select/components/SelectControl/SelectControl.scss +++ b/src/components/Select/components/SelectControl/SelectControl.scss @@ -116,8 +116,10 @@ $blockButton: '.#{variables.$ns}select-control__button'; @include mixins.button-reset(); @include mixins.pin($blockButton, ('::before', '::after'), var(--_--border-radius)); - display: inline-flex; + display: inline-grid; + grid-template-columns: auto auto; align-items: center; + justify-content: flex-start; overflow: hidden; width: 100%; height: 100%; @@ -213,10 +215,7 @@ $blockButton: '.#{variables.$ns}select-control__button'; @include mixins.text-accent; @include mixins.overflow-ellipsis(); - flex-shrink: 0; - max-width: 50%; margin-inline-end: 4px; - white-space: nowrap; } &__placeholder,