diff --git a/src/components/list-box/_list-box.scss b/src/components/list-box/_list-box.scss index 8497d26c5c75..3b357d4762b0 100644 --- a/src/components/list-box/_list-box.scss +++ b/src/components/list-box/_list-box.scss @@ -73,18 +73,13 @@ $list-box-menu-width: rem(300px); .#{$prefix}--list-box__field { @include button-reset; position: relative; - display: flex; + display: inline-flex; align-items: center; - width: 100%; height: 100%; padding: 0 1rem; cursor: pointer; } - .#{$prefix}--list-box__field:hover { - background: $field-01; - } - .#{$prefix}--list-box__field:focus, .#{$prefix}--list-box__field[aria-expanded='true'] { outline: 1px solid $brand-01;