From ddc3eaeac517218c9454bd2b9058832074c09b80 Mon Sep 17 00:00:00 2001
From: Pawan Kumar <pawan@appsmith.com>
Date: Fri, 7 Feb 2025 16:09:43 +0530
Subject: [PATCH] chore: update select styles (#39107)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

/ok-to-test tags="@tag.Sanity"

<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/13195513276>
> Commit: 47f2f8d146ce02972c033d6b727f6490d13d891c
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=13195513276&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Sanity`
> Spec:
> <hr>Fri, 07 Feb 2025 09:05:25 UTC
<!-- end of auto-generated comment: Cypress test results  -->


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Style**
- Refined the appearance of selection options to ensure clear visual
feedback.
- Updated the search input border styling for a more consistent and
polished look during user interactions.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../packages/design-system/ads/src/Select/styles.css       | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/client/packages/design-system/ads/src/Select/styles.css b/app/client/packages/design-system/ads/src/Select/styles.css
index 9210c3bedc..d462f56579 100644
--- a/app/client/packages/design-system/ads/src/Select/styles.css
+++ b/app/client/packages/design-system/ads/src/Select/styles.css
@@ -341,8 +341,11 @@
 }
 
 /* selected */
+/* if the option is selected and does not have a checkbox ( identified by label ), then we need to add a background color */
 .ads-v2-select__dropdown
-  .rc-select-item.rc-select-item-option.rc-select-item-option-selected {
+  .rc-select-item.rc-select-item-option.rc-select-item-option-selected:not(
+    :has(label)
+  ) {
   --select-option-color-bg: var(--ads-v2-colors-content-surface-active-bg);
 }
 
@@ -378,7 +381,7 @@
   border-top: none;
   border-left: none;
   border-right: none;
-  border-bottom: 1px solid var(--ads-v2-color-border-emphasis);
+  border-bottom: 1px solid var(--ads-v2-color-border);
   border-radius: 0;
   outline: none !important;
 }