diff --git a/src/components/common/Form/components/Select/select.tsx b/src/components/common/Form/components/Select/select.tsx index 391c55db..0f0f4bc0 100644 --- a/src/components/common/Form/components/Select/select.tsx +++ b/src/components/common/Form/components/Select/select.tsx @@ -5,7 +5,6 @@ import { } from "@mui/material"; import React, { ReactNode } from "react"; import { TEXT_BODY_400 } from "../../../../../theme/common/typography"; -import { DropDownIcon } from "./components/DropDownIcon/dropDownIcon"; import { InputFormControl } from "./select.styles"; /** @@ -30,13 +29,7 @@ export const Select = ({ return ( {label && {label}} - + {children} diff --git a/src/theme/common/components.ts b/src/theme/common/components.ts index 35a24914..f6d50975 100644 --- a/src/theme/common/components.ts +++ b/src/theme/common/components.ts @@ -1,4 +1,5 @@ import { Components, Theme } from "@mui/material"; +import { DropDownIcon } from "../../components/common/Form/components/Select/components/DropDownIcon/dropDownIcon"; import { CHIP_PROPS } from "../../styles/common/mui/chip"; import { desktopUp, mobileUp, tabletUp } from "./breakpoints"; import { @@ -1179,6 +1180,9 @@ export const MuiRadio = (theme: Theme): Components["MuiRadio"] => { * MuiSelect Component */ export const MuiSelect: Components["MuiSelect"] = { + defaultProps: { + IconComponent: DropDownIcon, + }, styleOverrides: { select: { minHeight: "unset",