Merge pull request #3246 from bluewave-labs/fix/alignment

Fix/alignment

client/src/Components/v2/inputs/FieldLabel.tsx

@@ -9,7 +9,9 @@ interface FieldLabelProps {
 
 export const FieldLabel = ({ children, required = false, htmlFor }: FieldLabelProps) => {
 	const theme = useTheme();
-
+	if (children === " ") {
+		children = "\u00A0";
+	}
 	return (
 		<Typography
 			component="label"

client/src/Components/v2/inputs/Select.tsx

@@ -72,6 +72,12 @@ const SelectInputInner = <T,>(
 			)}
 			sx={{
 				height: "34px",
+				"& .MuiSelect-select": {
+					display: "flex",
+					alignItems: "center",
+					height: "100%",
+					boxSizing: "border-box",
+				},
 				"& .MuiSelect-icon": {
 					right: theme.spacing(3),
 				},

client/src/Pages/Maintenance/create/index.tsx

@@ -217,7 +217,7 @@ const CreateMaintenanceWindowPage = () => {
 						/>
 						<Stack
 							direction="row"
-							alignItems="flex-end"
+							alignItems="flex-start"
 							spacing={theme.spacing(4)}
 						>
 							<Controller
@@ -248,6 +248,7 @@ const CreateMaintenanceWindowPage = () => {
 								defaultValue={defaults.durationUnit}
 								render={({ field }) => (
 									<Select
+										fieldLabel=" "
 										value={field.value}
 										onChange={field.onChange}
 										sx={{ minWidth: 120 }}