fix: time unit select menu layout

pkpdapp-team · Mar 21, 2024 · 2cb0248 · 2cb0248
1 parent f90611b
commit 2cb0248
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/frontend-v2/src/features/data/SetUnits.tsx b/frontend-v2/src/features/data/SetUnits.tsx
@@ -48,13 +48,13 @@ const SetUnits: React.FC<IMapObservations> = ({state, firstTime}: IMapObservatio
     <div>
       {noTimeUnit && (
         <>
-          <Stack direction='row'>
+          <Stack direction='row' spacing='1rem'>
             <Typography>Please select a unit for all time values.</Typography>
-            <FormControl fullWidth>
+            <FormControl sx={{ minWidth: '10rem' }}>
               <InputLabel id='select-time-unit-label'>Set Time Unit</InputLabel>
               <Select
                 labelId='select-time-unit-label'
-                value={state.timeUnit}
+                value={state.timeUnit || ''}
                 onChange={setTimeUnit}
               >
                 {timeUnitOptions.map((option) => (