diff --git a/lib/components/Input/search-field/index.tsx b/lib/components/Input/search-field/index.tsx
index 47d653e5..89f590e8 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-default)"
                     iconSize="sm"
                 />
             </button>
diff --git a/package-lock.json b/package-lock.json
index f5fe6c70..f1548ce0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
             "name": "@deriv-com/quill-ui",
             "version": "0.0.0-development",
             "dependencies": {
-                "@deriv-com/quill-tokens": "^2.0.10",
+                "@deriv-com/quill-tokens": "^2.0.12",
                 "@deriv/quill-icons": "^1.22.10",
                 "@headlessui/react": "1.7.18",
                 "dayjs": "^1.11.11",
@@ -2777,10 +2777,9 @@
             }
         },
         "node_modules/@deriv-com/quill-tokens": {
-            "version": "2.0.11",
-            "resolved": "https://registry.npmjs.org/@deriv-com/quill-tokens/-/quill-tokens-2.0.11.tgz",
-            "integrity": "sha512-Rs6PRn0lfy5IHgHG7rRZ/FKRUwbzIQ5OVz93yGQwnjVUf3lqa9Y2Ifw4l94vecMJKml8nRCjKfaWrVIZznkAZA==",
-            "license": "ISC",
+            "version": "2.0.12",
+            "resolved": "https://registry.npmjs.org/@deriv-com/quill-tokens/-/quill-tokens-2.0.12.tgz",
+            "integrity": "sha512-+ZjZACN2OmYdDbxAiNe9iT6Du59jKXlu1N+LQLE1R+hfA5u6l+lHs98yjlJb6o9lOknQWfoikoRAW8Gc7ryb6A==",
             "dependencies": {
                 "@semantic-release/changelog": "^6.0.3",
                 "@semantic-release/github": "^10.0.4",
diff --git a/package.json b/package.json
index 80678a5b..eb5da64e 100644
--- a/package.json
+++ b/package.json
@@ -148,7 +148,7 @@
         "globalSetup": "<rootDir>/globalSetup.js"
     },
     "dependencies": {
-        "@deriv-com/quill-tokens": "^2.0.10",
+        "@deriv-com/quill-tokens": "^2.0.12",
         "@deriv/quill-icons": "^1.22.10",
         "@headlessui/react": "1.7.18",
         "dayjs": "^1.11.11",