Fixing up the stylesheets for the date selector. (#2573)

Co-authored-by: phix <peter.hicks@astronomer.io>
MarquezProject · Aug 8, 2023 · f8a4ecd · f8a4ecd
1 parent 86f957f
commit f8a4ecd
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/web/src/components/core/date-picker/MqDatePicker.tsx b/web/src/components/core/date-picker/MqDatePicker.tsx
@@ -28,9 +28,8 @@ const MqDatePicker: React.FC<DatePickerProps> = ({
     <DateTimePicker
       label={label}
       sx={{
-        minWidth: '200px',
-        '.MuiFormLabel-root': {
-          transform: 'translate(14px, 0px) scale(0.75)',
+        label: {
+          left: theme.spacing(2),
         },
         '&:hover': {
           '.MuiOutlinedInput-notchedOutline': {
@@ -42,10 +41,9 @@ const MqDatePicker: React.FC<DatePickerProps> = ({
         '.MuiOutlinedInput-notchedOutline': {
           border: `2px solid ${theme.palette.common.white}`,
           borderRadius: theme.spacing(4),
-          top: '-16px',
-          left: '-6px',
           '> legend': {
-            display: 'none',
+            marginLeft: theme.spacing(2),
+            left: theme.spacing(2),
           },
         },
       }}