diff --git a/src/App.tsx b/src/App.tsx
index 8edb841..baa25c8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -52,7 +52,7 @@ function App() {
 
   const [leftTimelineDate, setLeftTimelineDate] = useLocalStorage(
     "leftTimelineDate",
-    subMonths(new Date(), 1)
+    subMonths(new Date(), 2)
   );
   const [rightTimelineDate, setRightTimelineDate] = useLocalStorage(
     "rightTimelineDate",
@@ -173,7 +173,6 @@ function App() {
         left: 0 ,
         width: `100%`,
         clipPath: `polygon(${splitPanelSizesPercent[0]}% 0%, ${splitPanelSizesPercent[0]}% 100%, 100% 100%, 100% 0% )`,
-        // Adding blending mode
         mixBlendMode: (blendingActivation ? blendingMode : "normal"),
         opacity: opacity,
       } : 
@@ -181,9 +180,9 @@ function App() {
         left: `${splitPanelSizesPercent[0]}%`,
         width: `${splitPanelSizesPercent[1]}%`,
         clipPath: '', 
+        overflow: 'hidden',
         mixBlendMode: 'normal', 
         opacity: 1,
-        overflow: 'hidden',
       }
     ) 
   };
@@ -220,14 +219,6 @@ function App() {
     10, 
     false
   );
-  /*
-  c = document.querySelectorAll('canvas')
-  a = document.createElement('canvas')
-  document.body.appendChild(a)
-
-  cloneCanvas(c[0], a)
-  a.style = {position: 'absolute', top: 0, left: 0, width: '100%', height: '100%'}
-  */
 
   const leftMapboxMapStyle = useMemo(() => {
     return leftSelectedTms == BasemapsIds.Mapbox
diff --git a/src/custom-planet-api-modal.tsx b/src/custom-planet-api-modal.tsx
index 8a46cf8..c4c8ccb 100644
--- a/src/custom-planet-api-modal.tsx
+++ b/src/custom-planet-api-modal.tsx
@@ -8,9 +8,7 @@ function CustomPlanetApiModal(props: any) {
     };
  
     return (
-        <div className='customApiModal'>
-            <TextField  value={`${props.customPlanetApiKey}` == 'undefined' ? `${props.customPlanetApiKey}` : props.customPlanetApiKey} onChange={handleInputChange} size={'small'} label="Planet Monthly Key" style={{ width: '86%' }} />
-        </div>
+        <TextField  value={`${props.customPlanetApiKey}` == 'undefined' ? `${props.customPlanetApiKey}` : props.customPlanetApiKey} onChange={handleInputChange} size={'small'} label="Planet Monthly Key" style={{ width: '340px' }} />
     );
 };
 
diff --git a/src/utilities.tsx b/src/utilities.tsx
index f09d32f..da08d80 100644
--- a/src/utilities.tsx
+++ b/src/utilities.tsx
@@ -73,8 +73,8 @@ const basemapsTmsSources: any = {
     maxzoom: 21,
   },
   [BasemapsIds.ESRI]: {
-    // url: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.jpg",
-    url: "https://wayback.maptiles.arcgis.com/arcgis/rest/services/World_Imagery/WMTS/1.0.0/default028mm/MapServer/tile/239/{z}/{y}/{x}",
+    url: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.jpg",
+    // url: "https://wayback.maptiles.arcgis.com/arcgis/rest/services/World_Imagery/WMTS/1.0.0/default028mm/MapServer/tile/239/{z}/{y}/{x}",
     maxzoom: 19,
   },
   // "http://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.jpg",