From f77ca72fbf3ebc74fbb00615eb56ee28db9bbda7 Mon Sep 17 00:00:00 2001
From: Jason Gill <jason.gill@ethyca.com>
Date: Wed, 11 Dec 2024 10:57:16 -0700
Subject: [PATCH] Ant Select minor fixes

---
 clients/admin-ui/src/theme/ant.ts        | 2 +-
 clients/fidesui/src/hoc/CustomSelect.tsx | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/clients/admin-ui/src/theme/ant.ts b/clients/admin-ui/src/theme/ant.ts
index b5a678bf2d..3f5568dcde 100644
--- a/clients/admin-ui/src/theme/ant.ts
+++ b/clients/admin-ui/src/theme/ant.ts
@@ -51,7 +51,7 @@ export const antTheme: AntThemeConfig = {
       bodyBg: palette.FIDESUI_NEUTRAL_50,
     },
     Select: {
-      optionActiveBg: palette.FIDESUI_SANDSTONE,
+      optionActiveBg: palette.FIDESUI_NEUTRAL_50,
     },
     Tooltip: {
       colorBgSpotlight: palette.FIDESUI_MINOS,
diff --git a/clients/fidesui/src/hoc/CustomSelect.tsx b/clients/fidesui/src/hoc/CustomSelect.tsx
index 87753f2494..fac7724a43 100644
--- a/clients/fidesui/src/hoc/CustomSelect.tsx
+++ b/clients/fidesui/src/hoc/CustomSelect.tsx
@@ -1,4 +1,4 @@
-import { ChevronDown } from "@carbon/icons-react";
+import { Checkmark, ChevronDown } from "@carbon/icons-react";
 import { Flex, Select, SelectProps, Typography } from "antd/lib";
 import { BaseOptionType, DefaultOptionType } from "antd/lib/select";
 import React from "react";
@@ -37,6 +37,7 @@ const withCustomProps = (WrappedComponent: typeof Select) => {
     optionRender = optionDescriptionRender,
     className = "w-full",
     suffixIcon = <ChevronDown />,
+    menuItemSelectedIcon = <Checkmark />,
     ...props
   }: SelectProps<ValueType, OptionType>) => {
     const customProps = {
@@ -44,6 +45,7 @@ const withCustomProps = (WrappedComponent: typeof Select) => {
       optionRender,
       className,
       suffixIcon,
+      menuItemSelectedIcon,
       "data-testid": `select${props.id ? `-${props.id}` : ""}`,
       ...props,
     };