diff --git a/src/App.jsx b/src/App.jsx
index 6e664ccb..228c47d4 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -206,7 +206,7 @@ function App() {
           handleChange={handleBasemapChange}
         />
       </Grid>
-      <Grid xs={12} lg={3}>
+      <Grid xs={12} lg={2}>
         <LocalizationProvider dateAdapter={AdapterDayjs}>
           <DatePicker
             value={startDate}
@@ -227,7 +227,7 @@ function App() {
           max={availableLayers.length - 1}
         />
       </Grid>
-      <Grid xs={12} lg={3}>
+      <Grid xs={12} lg={2}>
         <LocalizationProvider dateAdapter={AdapterDayjs}>
           <DatePicker
               value={endDate}