From d4da38191f5a256a4ba81667e926696ace8732fd Mon Sep 17 00:00:00 2001
From: ronronscelestes <julie.plantey@gmail.com>
Date: Tue, 5 Jul 2022 17:43:53 +0200
Subject: [PATCH] fixed focused border and added box shadow

---
 .../src/components/ReactSelect/utils/getSelectStyles.js    | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/core/helper-plugin/lib/src/components/ReactSelect/utils/getSelectStyles.js b/packages/core/helper-plugin/lib/src/components/ReactSelect/utils/getSelectStyles.js
index a1978e20e1..938570c7af 100644
--- a/packages/core/helper-plugin/lib/src/components/ReactSelect/utils/getSelectStyles.js
+++ b/packages/core/helper-plugin/lib/src/components/ReactSelect/utils/getSelectStyles.js
@@ -8,12 +8,15 @@ const getSelectStyles = (theme, error) => {
     }),
     control: (base, state) => {
       let border = `1px solid ${theme.colors.neutral200} !important`;
+      let boxShadow = 0;
       let backgroundColor;
 
       if (state.isFocused) {
-        border = `1px solid ${theme.colors.primary200} !important`;
+        border = `1px solid ${theme.colors.primary600} !important`;
+        boxShadow = `${theme.colors.primary600} 0px 0px 0px 2px`;
       } else if (error) {
         border = `1px solid ${theme.colors.danger600} !important`;
+        boxShadow = `${theme.colors.danger600} 0px 0px 0px 2px`;
       }
 
       if (state.isDisabled) {
@@ -26,13 +29,13 @@ const getSelectStyles = (theme, error) => {
         height: 40,
         border,
         outline: 0,
-        boxShadow: 0,
         borderRadius: '2px !important',
         backgroundColor,
         borderTopLeftRadius: '4px !important',
         borderTopRightRadius: '4px !important',
         borderBottomLeftRadius: '4px !important',
         borderBottomRightRadius: '4px !important',
+        boxShadow,
       };
     },
     indicatorContainer: base => ({ ...base, padding: 0, paddingRight: theme.spaces[3] }),