diff --git a/src/components/SingleSelectField/SingleSelectField.tsx b/src/components/SingleSelectField/SingleSelectField.tsx index 8c5dddb77..9b086f619 100644 --- a/src/components/SingleSelectField/SingleSelectField.tsx +++ b/src/components/SingleSelectField/SingleSelectField.tsx @@ -11,7 +11,10 @@ import { FormattedMessage } from "react-intl"; const styles = createStyles({ formControl: { - width: "100%" + width: "100%", + "& label": { + top: "-3px" + } } }); diff --git a/src/theme.ts b/src/theme.ts index 72a6a776e..8026d35b1 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -136,6 +136,7 @@ export default (colors: IThemeColors): Theme => }, MuiInputBase: { input: { + zIndex: 1, "&::placeholder": { color: colors.font.gray, opacity: "1 !important" as any @@ -274,7 +275,10 @@ export default (colors: IThemeColors): Theme => }, MuiSelect: { outlined: { - padding: ["15px 12px 17px", "!important"] as any + padding: ["20px 12px 8px 12px", "!important"] as any + }, + disabled: { + color: colors.input.disabledText } }, MuiSnackbarContent: {