diff --git a/src/App.styl b/src/App.styl
index 6d98d04..984952b 100644
--- a/src/App.styl
+++ b/src/App.styl
@@ -3,6 +3,10 @@
   font-family "Roboto"
   height 100vh
 
+  &--mobile
+    height 100dvh
+    overflow-y hidden
+
 .App-header
   background-color #282c34
   min-height 100vh
diff --git a/src/components/Calendar/CalendarLayout.tsx b/src/components/Calendar/CalendarLayout.tsx
index 53a14d9..d1d3482 100644
--- a/src/components/Calendar/CalendarLayout.tsx
+++ b/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
diff --git a/src/components/Menubar/Menubar.styl b/src/components/Menubar/Menubar.styl
index bcfbdd2..415310c 100644
--- a/src/components/Menubar/Menubar.styl
+++ b/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
diff --git a/src/components/Menubar/MobileMenuBar.tsx b/src/components/Menubar/MobileMenuBar.tsx
index 5116353..81a8d5f 100644
--- a/src/components/Menubar/MobileMenuBar.tsx
+++ b/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}
diff --git a/src/declarations.ts b/src/declarations.ts
index 9a22528..b47387c 100644
--- a/src/declarations.ts
+++ b/src/declarations.ts
@@ -1,5 +1,22 @@
 declare module '*.styl'
 
+declare module 'classnames' {
+  type ClassValue =
+    | string
+    | number
+    | boolean
+    | null
+    | undefined
+    | ClassArray
+    | ClassDictionary
+  interface ClassDictionary {
+    [id: string]: boolean | undefined | null
+  }
+  type ClassArray = ClassValue[]
+  function classnames(...args: ClassValue[]): string
+  export = classnames
+}
+
 declare module '@linagora/twake-mui' {
   export * from '@mui/material'