chore: Apply consistent border rounding to inline label (#3382)

Author: pan-kot

src/select/parts/styles.scss

@@ -132,7 +132,11 @@ $inlineLabel-border-radius: 2px;
 }
 
 .inline-label {
-  background: awsui.$color-background-input-default;
+  background: awsui.$color-background-container-header;
+  border-start-start-radius: $inlineLabel-border-radius;
+  border-start-end-radius: $inlineLabel-border-radius;
+  border-end-start-radius: $inlineLabel-border-radius;
+  border-end-end-radius: $inlineLabel-border-radius;
   box-sizing: border-box;
   display: inline-block;
   color: awsui.$color-text-form-label;
@@ -147,14 +151,6 @@ $inlineLabel-border-radius: 2px;
   padding-inline: awsui.$space-scaled-xxs;
   max-inline-size: calc(100% - (2 * awsui.$space-field-horizontal));
   z-index: 1;
-
-  &.inline-label-disabled {
-    background: awsui.$color-background-container-header;
-    border-start-start-radius: $inlineLabel-border-radius;
-    border-start-end-radius: $inlineLabel-border-radius;
-    border-end-start-radius: $inlineLabel-border-radius;
-    border-end-end-radius: $inlineLabel-border-radius;
-  }
 }
 
 .disabled-reason-tooltip {

src/select/parts/trigger.tsx

@@ -129,10 +129,7 @@ const Trigger = React.forwardRef(
       <>
         {inlineLabelText ? (
           <div className={styles['inline-label-wrapper']}>
-            <label
-              htmlFor={controlId}
-              className={clsx(styles['inline-label'], disabled && styles['inline-label-disabled'])}
-            >
+            <label htmlFor={controlId} className={styles['inline-label']}>
               {inlineLabelText}
             </label>
             <div className={styles['inline-label-trigger-wrapper']}>{triggerButton}</div>