theme update

client/src/Components/v2/Inputs/RadioInput.tsx

@@ -20,6 +20,10 @@ export const RadioInput: React.FC<RadioInputProps> = ({ ...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,
+				},
 			}}
 		/>
 	);

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<HTMLInputElement, TextFieldProps>(
 	function TextInput(props, ref) {
@@ -8,6 +9,12 @@ export const TextInput = forwardRef<HTMLInputElement, TextFieldProps>(
 			<TextField
 				{...props}
 				inputRef={ref}
+				sx={{
+					"& .MuiOutlinedInput-root": {
+						height: 34,
+						fontSize: typographyLevels.base,
+					},
+				}}
 			/>
 		);
 	}

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,
 						},
 					},
 				},