diff --git a/src/webapp/components/navigation/NavbarToggle.tsx b/src/webapp/components/navigation/NavbarToggle.tsx
index 7047f4e2..617fab50 100644
--- a/src/webapp/components/navigation/NavbarToggle.tsx
+++ b/src/webapp/components/navigation/NavbarToggle.tsx
@@ -15,7 +15,7 @@ export default function NavbarToggle() {
         color="gray"
         size={'lg'}
         onClick={toggleMobile}
-        hiddenFrom="sm"
+        hiddenFrom="xs"
       >
         <FiSidebar />
       </ActionIcon>
@@ -24,7 +24,7 @@ export default function NavbarToggle() {
         color="gray"
         size={'lg'}
         onClick={toggleDesktop}
-        visibleFrom="sm"
+        visibleFrom="xs"
       >
         <FiSidebar />
       </ActionIcon>
diff --git a/src/webapp/components/navigation/appLayout/AppLayout.tsx b/src/webapp/components/navigation/appLayout/AppLayout.tsx
index c5b8d33e..eb2bd15a 100644
--- a/src/webapp/components/navigation/appLayout/AppLayout.tsx
+++ b/src/webapp/components/navigation/appLayout/AppLayout.tsx
@@ -23,7 +23,7 @@ export default function AppLayout(props: Props) {
       <Navbar />
 
       <AppShell.Main>
-        {props.children}        
+        {props.children}
         <ComposerDrawer />
       </AppShell.Main>
     </AppShell>