remove icon styling changes to revert to original styling. there were…

… some issues with text alignment
Khan · Nov 18, 2024 · ba4067b · ba4067b
1 parent ce89fc7
commit ba4067b
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/wonder-blocks-search-field/src/components/search-field.tsx b/packages/wonder-blocks-search-field/src/components/search-field.tsx
@@ -9,7 +9,7 @@ import {View, IDProvider} from "@khanacademy/wonder-blocks-core";
 import IconButton from "@khanacademy/wonder-blocks-icon-button";
 import {TextField} from "@khanacademy/wonder-blocks-form";
 import {PhosphorIcon} from "@khanacademy/wonder-blocks-icon";
-import {semanticColor, spacing} from "@khanacademy/wonder-blocks-tokens";
+import {color, spacing} from "@khanacademy/wonder-blocks-tokens";
 import type {StyleType, AriaProps} from "@khanacademy/wonder-blocks-core";
 
 import {defaultLabels} from "../util/constants";
@@ -195,8 +195,8 @@ const SearchField: React.ForwardRefExoticComponent<
                 <View onClick={onClick} style={[styles.inputContainer, style]}>
                     <PhosphorIcon
                         icon={magnifyingGlassIcon}
-                        size="small"
-                        color={semanticColor.icon.primary}
+                        size="medium"
+                        color={color.offBlack64}
                         style={styles.searchIcon}
                         aria-hidden="true"
                     />