fix: styles for when is multiple

Author: mauroreisvieira

packages/components/base/src/select/index.tsx

@@ -291,6 +291,7 @@ const Select = ({
           formFieldContext === undefined && styles.standalone,
           (disabled || formFieldContext?.disabled) && styles.disabled,
           loading && styles.loading,
+          selectMultiple && styles.multiple,
           (fullWidth ?? formFieldContext?.fullWidth) && styles.full_width,
           className,
         )}

packages/components/base/src/select/styles/index.module.scss

@@ -36,12 +36,18 @@
 .display_value_item {
   display: inline-block;
   vertical-align: middle;
-  width: 100%;
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
+.root:not(.multiple) {
+  .display_value_item {
+    width: 100%;
+  }
+}
+
 // When not inside form field, has own border, etc
 .standalone {
   @include form-field.standalone-input;