Adapt size of arrow in Select and Autocomplete fields (#2869)

Change the size of the arrow icon in `Select` and `Autocomplete` fields from 16px to 12px according to the Comet DXP design. Co-authored-by: Julia Wegmayr <julia.wegmayr@vivid-planet.com> Co-authored-by: Johannes Obermair <48853629+johnnyomair@users.noreply.github.com>
vivid-planet · Dec 5, 2024 · 71876ea · 71876ea
1 parent 632f5d3
commit 71876ea
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/poor-kings-live.md 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
@@ -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
@@ -28,4 +28,5 @@ export const commonSelectStyleOverrides = {
 export const getCommonIconStyleOverrides = (palette: Palette) => ({
     right: 10,
     color: palette.grey[900],
+    fontSize: 12,
 });