#772 fix scroll issue on mobile

src/components/Calendar/CalendarLayout.tsx

@@ -1,3 +1,4 @@
+import cx from 'classnames'
 import { useAppDispatch, useAppSelector } from '@/app/hooks'
 import SettingsPage from '@/features/Settings/SettingsPage'
 import { useScreenSizeDetection } from '@/useScreenSizeDetection'
@@ -106,7 +107,7 @@ export default function CalendarLayout(): JSX.Element {
   }
 
   return (
-    <div className="App">
+    <div className={cx('App ', { 'App--mobile': isMobile })}>
       {!isInIframe && <Menubar {...menubarProps} />}
       {(view === 'calendar' || view === 'search') && (
         <CalendarApp

src/components/Menubar/Menubar.styl

@@ -42,6 +42,11 @@
   min-height 60px
   background-color #fff
 
+  &--mobile
+    position sticky
+    top 0
+    margin-bottom 8px
+
 .menubar-item
   display flex
   align-items center

src/components/Menubar/MobileMenuBar.tsx

@@ -48,7 +48,7 @@ export const MobileMenubar: React.FC<MobileMenubarProps> = ({
 
   return (
     <>
-      <header className="menubar">
+      <header className="menubar menubar--mobile">
         <div className="left-menu">
           <IconButton
             onClick={onOpenSidebar}