Fix geofences toolbar

1 files changed, 5 insertions, 13 deletions

diff --git a/modern/src/other/GeofencesPage.js b/modern/src/other/GeofencesPage.js
index fce15a39..21df8f34 100644
--- a/modern/src/other/GeofencesPage.js
+++ b/modern/src/other/GeofencesPage.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import {
-  Divider, Typography, IconButton, useMediaQuery,
+  Divider, Typography, IconButton, useMediaQuery, Toolbar,
 } from '@mui/material';
 import makeStyles from '@mui/styles/makeStyles';
 import { useTheme } from '@mui/material/styles';
@@ -38,12 +38,6 @@ const useStyles = makeStyles((theme) => ({
       height: dimensions.drawerHeightPhone,
     },
   },
-  drawerHeader: {
-    ...theme.mixins.toolbar,
-    display: 'flex',
-    alignItems: 'center',
-    padding: theme.spacing(0, 1),
-  },
   mapContainer: {
     flexGrow: 1,
   },
@@ -65,14 +59,12 @@ const GeofencesPage = () => {
           variant="permanent"
           classes={{ paper: classes.drawerPaper }}
         >
-          <div className={classes.drawerHeader}>
-            <IconButton onClick={() => navigate(-1)}>
+          <Toolbar>
+            <IconButton edge="start" sx={{ mr: 2 }} onClick={() => navigate(-1)}>
               <ArrowBackIcon />
             </IconButton>
-            <Typography variant="h6" color="inherit" noWrap>
-              {t('sharedGeofences')}
-            </Typography>
-          </div>
+            <Typography variant="h6">{t('sharedGeofences')}</Typography>
+          </Toolbar>
           <Divider />
           <GeofencesList />
         </Drawer>