Use standard icon button size

1 files changed, 3 insertions, 7 deletions

diff --git a/modern/src/main/MainPage.js b/modern/src/main/MainPage.js
index 7235d1b4..059d7043 100644
--- a/modern/src/main/MainPage.js
+++ b/modern/src/main/MainPage.js
@@ -167,7 +167,7 @@ const MainPage = () => {
         <Paper square elevation={3}>
           <Toolbar className={classes.toolbar} disableGutters>
             {!desktop && (
-              <IconButton size="large" onClick={handleClose}>
+              <IconButton onClick={handleClose}>
                 <ArrowBackIcon />
               </IconButton>
             )}
@@ -179,15 +179,11 @@ const MainPage = () => {
               onChange={(event) => setSearchKeyword(event.target.value)}
               placeholder={t('sharedSearchDevices')}
             />
-            <IconButton
-              size="large"
-              onClick={() => navigate('/settings/device')}
-              disabled={deviceReadonly}
-            >
+            <IconButton onClick={() => navigate('/settings/device')} disabled={deviceReadonly}>
               <AddIcon />
             </IconButton>
             {desktop && (
-              <IconButton size="large" onClick={handleClose}>
+              <IconButton onClick={handleClose}>
                 <CloseIcon />
               </IconButton>
             )}