From 39d181ae5f6b59cba0f4c68f46c50a154d6ec0ab Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Fri, 14 Nov 2025 18:12:41 +1100
Subject: [PATCH] Make icons red again (#10816)

---
 .../src/components/forms/fields/RelatedModelField.tsx    | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/components/forms/fields/RelatedModelField.tsx b/src/frontend/src/components/forms/fields/RelatedModelField.tsx
index dc2ef145bd..d66fe76aa9 100644
--- a/src/frontend/src/components/forms/fields/RelatedModelField.tsx
+++ b/src/frontend/src/components/forms/fields/RelatedModelField.tsx
@@ -410,7 +410,14 @@ export function RelatedModelField({
         menuPortalTarget={document.body}
         noOptionsMessage={() => t`No results found`}
         menuPosition='fixed'
-        styles={{ menuPortal: (base: any) => ({ ...base, zIndex: 9999 }) }}
+        styles={{
+          menuPortal: (base: any) => ({ ...base, zIndex: 9999 }),
+          clearIndicator: (base: any) => ({
+            ...base,
+            color: 'red',
+            ':hover': { color: 'red' }
+          })
+        }}
         formatOptionLabel={(option: any) => formatOption(option)}
         theme={(theme) => {
           return {