diff --git a/apps/web/design-system/custom-select/CustomSelect.styles.tsx b/apps/web/design-system/custom-select/CustomSelect.styles.tsx
index 25d39a4d4..af4982126 100644
--- a/apps/web/design-system/custom-select/CustomSelect.styles.tsx
+++ b/apps/web/design-system/custom-select/CustomSelect.styles.tsx
@@ -9,7 +9,7 @@ const getInputWrapperStyles = (theme: MantineTheme): CSSObject => ({
   border: `0.0625rem solid ${theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]}`,
 
   ':focus-within': {
-    borderColor: colors.blue,
+    borderColor: theme.colorScheme === 'dark' ? theme.colors.blue[8] : theme.colors.blue[6],
   },
   backgroundColor: theme.colorScheme === 'dark' ? colors.BGPrimaryDark : colors.BGPrimaryLight,
   '&[data-haslabel="true"]': {
@@ -68,7 +68,7 @@ const getLabelStyles = (theme: MantineTheme): CSSObject => ({
   ...theme.fn.fontStyles(),
   fontWeight: 500,
   fontSize: getSize({ size: 'sm', sizes: theme.fontSizes }),
-  color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[9],
+  color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[9],
 });
 const getSelectItemsWrapper = (theme: MantineTheme): CSSObject => ({
   padding: 0,