From ac91069f3a6d87311733845c4928afc78e6b6e9f Mon Sep 17 00:00:00 2001
From: Evan Bonsignori <ebonsignori@github.com>
Date: Tue, 23 Sep 2025 15:48:08 -0700
Subject: [PATCH] add border on select to make CS4D feedback UI buttons more
 visible (#57666)

---
 src/search/components/input/AskAIResults.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/search/components/input/AskAIResults.tsx b/src/search/components/input/AskAIResults.tsx
index 277983928c43..7638c4284717 100644
--- a/src/search/components/input/AskAIResults.tsx
+++ b/src/search/components/input/AskAIResults.tsx
@@ -417,7 +417,7 @@ export function AskAIResults({
             className={'btn-octicon'}
             aria-label={t('ai.thumbs_up')}
             sx={{
-              border: 'none',
+              border: feedbackSelected === 'up' ? '1px solid var(--color-btn-text)' : 'none',
               backgroundColor: feedbackSelected === 'up' ? '' : 'unset',
               boxShadow: 'unset',
               color: feedbackSelected === 'up' ? 'var(--fgColor-accent) !important;' : '',
@@ -439,7 +439,7 @@ export function AskAIResults({
             className={'btn-octicon'}
             aria-label={t('ai.thumbs_down')}
             sx={{
-              border: 'none',
+              border: feedbackSelected === 'down' ? '1px solid var(--color-btn-text)' : 'none',
               backgroundColor: feedbackSelected === 'down' ? '' : 'unset',
               boxShadow: 'unset',
               color: feedbackSelected === 'down' ? 'var(--fgColor-accent) !important;' : '',