diff --git a/web/src/components/ActionBar.js b/web/src/components/ActionBar.js
index a2e8689..d5472ed 100644
--- a/web/src/components/ActionBar.js
+++ b/web/src/components/ActionBar.js
@@ -14,7 +14,7 @@ const ActionBar = (props) => {
     return (
         <AppBar position="fixed" sx={{
             width: '100%',
-            zIndex: { sm: 2000 }, // > Navigation
+            zIndex: { sm: 1250 }, // > Navigation (1200), but < Dialog (1300)
             ml: { sm: `${Navigation.width}px` }
         }}>
             <Toolbar sx={{pr: '24px'}}>
diff --git a/web/src/components/Navigation.js b/web/src/components/Navigation.js
index e5ec942..940be5d 100644
--- a/web/src/components/Navigation.js
+++ b/web/src/components/Navigation.js
@@ -65,7 +65,9 @@ const NavList = (props) => {
     const showGrantPermissionsBox = props.subscriptions.size() > 0 && !props.notificationsGranted;
     return (
         <>
-            <Toolbar/>
+            <Toolbar sx={{
+                display: { xs: 'none', sm: 'block' }
+            }}/>
             <List component="nav" sx={{
                 paddingTop: (showGrantPermissionsBox) ? '0' : ''
             }}>