diff --git a/client/src/Components/v2/Inputs/RadioInput.tsx b/client/src/Components/v2/Inputs/RadioInput.tsx index c108189f7..d903a7b58 100644 --- a/client/src/Components/v2/Inputs/RadioInput.tsx +++ b/client/src/Components/v2/Inputs/RadioInput.tsx @@ -20,6 +20,10 @@ export const RadioInput: React.FC = ({ ...props }) => { boxShadow: `inset 0 0 0 1px ${theme.palette.primary.contrastText}70`, // Use theme text color for the outline }, mt: theme.spacing(0.5), + padding: 0, + "& .MuiSvgIcon-root": { + fontSize: 16, + }, }} /> ); diff --git a/client/src/Components/v2/Inputs/TextInput.tsx b/client/src/Components/v2/Inputs/TextInput.tsx index 3d34a203a..4cd792059 100644 --- a/client/src/Components/v2/Inputs/TextInput.tsx +++ b/client/src/Components/v2/Inputs/TextInput.tsx @@ -1,6 +1,7 @@ import { forwardRef } from "react"; import TextField from "@mui/material/TextField"; import type { TextFieldProps } from "@mui/material"; +import { typographyLevels } from "@/Utils/Theme/v2/palette"; export const TextInput = forwardRef( function TextInput(props, ref) { @@ -8,6 +9,12 @@ export const TextInput = forwardRef( ); } diff --git a/client/src/Utils/Theme/v2/theme.ts b/client/src/Utils/Theme/v2/theme.ts index 58db131f2..c278f9004 100644 --- a/client/src/Utils/Theme/v2/theme.ts +++ b/client/src/Utils/Theme/v2/theme.ts @@ -56,22 +56,12 @@ export const theme = (mode: string, palette: any) => }), }, }, - MuiTextField: { - styleOverrides: { - root: () => ({ - "& .MuiOutlinedInput-root": { - height: 34, - fontSize: typographyLevels.base, - }, - }), - }, - }, - MuiRadio: { + + MuiOutlinedInput: { styleOverrides: { root: { - padding: 0, - "& .MuiSvgIcon-root": { - fontSize: 16, + "&.Mui-focused .MuiOutlinedInput-notchedOutline": { + borderColor: palette.accent.main, }, }, },