diff --git a/.changeset/poor-kings-live.md b/.changeset/poor-kings-live.md new file mode 100644 index 0000000000..8aaca73ab8 --- /dev/null +++ b/.changeset/poor-kings-live.md @@ -0,0 +1,5 @@ +--- +"@comet/admin-theme": patch +--- + +Adapt size of arrow in `Select` and `Autocomplete` fields according to Comet DXP design diff --git a/packages/admin/admin-theme/src/componentsTheme/MuiAutocomplete.tsx b/packages/admin/admin-theme/src/componentsTheme/MuiAutocomplete.tsx index ca6db4cada..c896600b25 100644 --- a/packages/admin/admin-theme/src/componentsTheme/MuiAutocomplete.tsx +++ b/packages/admin/admin-theme/src/componentsTheme/MuiAutocomplete.tsx @@ -27,6 +27,9 @@ export const getMuiAutocomplete: GetMuiComponentTheme<"MuiAutocomplete"> = (comp "&:hover": { backgroundColor: "transparent", }, + "& .MuiSvgIcon-root": { + fontSize: "12px", + }, }, }), }); diff --git a/packages/admin/admin-theme/src/componentsTheme/getCommonSelectTheme.tsx b/packages/admin/admin-theme/src/componentsTheme/getCommonSelectTheme.tsx index 18a0652198..6287047c6d 100644 --- a/packages/admin/admin-theme/src/componentsTheme/getCommonSelectTheme.tsx +++ b/packages/admin/admin-theme/src/componentsTheme/getCommonSelectTheme.tsx @@ -28,4 +28,5 @@ export const commonSelectStyleOverrides = { export const getCommonIconStyleOverrides = (palette: Palette) => ({ right: 10, color: palette.grey[900], + fontSize: 12, });