2 files changed, 9 insertions, 5 deletions
diff --git a/modern/src/map/mapStyles.js b/modern/src/map/mapStyles.js
index ff323cb..00a8666 100644
--- a/modern/src/map/mapStyles.js
+++ b/modern/src/map/mapStyles.js
@@ -5,6 +5,7 @@ export const styleCustom = (url, attribution) => ({
       type: 'raster',
       tiles: [url],
       attribution: attribution,
+      tileSize: 256,
     },
   },
   glyphs: 'https://cdn.traccar.com/map/fonts/{fontstack}/{range}.pbf',
diff --git a/modern/src/reports/RouteReportPage.js b/modern/src/reports/RouteReportPage.js
index b8bad00..02d41a2 100644
--- a/modern/src/reports/RouteReportPage.js
+++ b/modern/src/reports/RouteReportPage.js
@@ -5,6 +5,7 @@ import { formatDistance, formatSpeed, formatBoolean, formatDate, formatCoordinat
 import ReportFilter from './ReportFilter';
 import ReportLayoutPage from './ReportLayoutPage';
 import { useAttributePreference, usePreference } from '../common/preferences';
+import { Paper } from '@material-ui/core';
 
 const Filter = ({ setItems }) => {
 
@@ -81,11 +82,13 @@ const RouteReportPage = () => {
 
   return (
     <ReportLayoutPage filter={<Filter setItems={setItems} />}>
-      <DataGrid
-        rows={items} 
-        columns={columns} 
-        hideFooter 
-        autoHeight />
+      <Paper>
+        <DataGrid
+          rows={items} 
+          columns={columns} 
+          hideFooter 
+          autoHeight />
+      </Paper>
     </ReportLayoutPage>
   );
 };