2 files changed, 10 insertions, 4 deletions
diff --git a/modern/src/MainPage.js b/modern/src/MainPage.js
index e632bf9d..7fd43154 100644
--- a/modern/src/MainPage.js
+++ b/modern/src/MainPage.js
@@ -110,7 +110,7 @@ const MainPage = () => {
   return (
     <div className={classes.root}>
       <Map>
-        {!isTablet && <MapPadding left={parseInt(theme.dimensions.drawerWidthDesktop)} />}
+        {!isTablet && <MapPadding left={parseInt(theme.dimensions.drawerWidthDesktop, 10)} />}
         <CurrentLocationMap />
         <GeofenceMap />
         <AccuracyMap />
diff --git a/modern/src/map/MapPadding.js b/modern/src/map/MapPadding.js
index cb165797..dec41b49 100644
--- a/modern/src/map/MapPadding.js
+++ b/modern/src/map/MapPadding.js
@@ -2,10 +2,16 @@ import { useEffect } from 'react';
 
 import { map } from './Map';
 
-const MapPadding = ({ top, right, bottom, left }) => {
+const MapPadding = ({
+  top, right, bottom, left,
+}) => {
   useEffect(() => {
-    map.setPadding({ top, right, bottom, left });
-    return () => map.setPadding({ top: 0, right: 0, bottom: 0, left: 0 });
+    map.setPadding({
+      top, right, bottom, left,
+    });
+    return () => map.setPadding({
+      top: 0, right: 0, bottom: 0, left: 0,
+    });
   }, [top, right, bottom, left]);
 
   return null;