diff --git a/lib/components/Input/search-field/index.tsx b/lib/components/Input/search-field/index.tsx
index 47d653e5..9deb132c 100644
--- a/lib/components/Input/search-field/index.tsx
+++ b/lib/components/Input/search-field/index.tsx
@@ -27,7 +27,7 @@ export const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(
                 }}
             >
                 <StandaloneCircleXmarkFillIcon
-                    fill="var(--core-color-opacity-black-400)"
+                    fill="var(--component-textIcon-normal-subtle)"
                     iconSize="sm"
                 />
             </button>