Do not use app bar for bottom toolbar

1 files changed, 11 insertions, 12 deletions

diff --git a/src/App.js b/src/App.js
index 5553a35..838e5f3 100644
--- a/src/App.js
+++ b/src/App.js
@@ -360,7 +360,8 @@ function StoreView(props) {
          paddingBottom: 65,
       },
       stickyBottom: {
-         top: 'auto',
+         position: 'fixed',
+         width: '100%',
          bottom: 0,
       },
       search: {
@@ -401,17 +402,15 @@ function StoreView(props) {
            <StoreCarousel name='Popular' data={data} loading={!loaded}/>
            <StoreList name='Latest' data={data} loading={!loaded}/>
         </Paper>
-        <AppBar position="fixed" className={classes.stickyBottom}>
-           <BottomNavigation
-              value='store'
-              onChange={(event, newValue) => {}}
-              showLabels
-           >
-              <BottomNavigationAction label={t('Store')} value='store' icon={<StoreIcon/>} />
-              <BottomNavigationAction label={t('Library')} value='library' icon={<LibraryBooksIcon/>} />
-              <BottomNavigationAction label={t('Account')} value='account' icon={<AccountCircleIcon/>} />
-           </BottomNavigation>
-        </AppBar>
+        <BottomNavigation className={classes.stickyBottom}
+           value='store'
+           onChange={(event, newValue) => {}}
+           showLabels
+        >
+           <BottomNavigationAction label={t('Store')} value='store' icon={<StoreIcon/>} />
+           <BottomNavigationAction label={t('Library')} value='library' icon={<LibraryBooksIcon/>} />
+           <BottomNavigationAction label={t('Account')} value='account' icon={<AccountCircleIcon/>} />
+        </BottomNavigation>
       </>
    )
 }