From 8e67200100df47ef760306d2970db0956f375fcd Mon Sep 17 00:00:00 2001
From: Jory Cunningham <jorycunn@amazon.com>
Date: Mon, 8 Jul 2024 09:30:42 -0400
Subject: [PATCH] updated disabled styling of inline Label select

---
 src/select/parts/styles.scss | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/select/parts/styles.scss b/src/select/parts/styles.scss
index 09f450c81c..b8c333a448 100644
--- a/src/select/parts/styles.scss
+++ b/src/select/parts/styles.scss
@@ -131,6 +131,13 @@ $checkbox-size: awsui.$size-control;
 }
 
 .inline-label {
+  // Stepped gradient background for inline label overlap between input and background.
+  background-image: linear-gradient(
+    to bottom,
+    transparent calc(100% - (styles.$control-border-width + 3px)),
+    awsui.$color-background-input-default 1px
+  );
+  background-position: bottom;
   box-sizing: border-box;
   display: inline-block;
   color: awsui.$color-text-form-label;
@@ -143,20 +150,13 @@ $checkbox-size: awsui.$size-control;
   margin-block-start: awsui.$space-scaled-xs;
   padding-inline: awsui.$space-scaled-xxs;
   max-inline-size: calc(100% - (2 * awsui.$space-field-horizontal));
-  // Stepped gradient background for inline label overlap between input and background.
-  background-image: linear-gradient(
-    to bottom,
-    transparent calc(100% - (styles.$control-border-width + 3px)),
-    awsui.$color-background-input-default 1px
-  );
-  background-position: bottom;
   z-index: 1;
 
   &.inline-label-disabled {
-    background-image: linear-gradient(
-      to bottom,
-      transparent calc(100% - (styles.$control-border-width + 3px)),
-      awsui.$color-background-input-disabled 1px
-    );
+    background: awsui.$color-background-container-header;
+    border-start-start-radius: 2px;
+    border-start-end-radius: 2px;
+    border-end-start-radius: 2px;
+    border-end-end-radius: 2px;
   }
 }