From e8ee1536712418cc2969bc5137b54da421699572 Mon Sep 17 00:00:00 2001
From: lethemanh <lethemanh@lethemanhs-MacBook-Pro.local>
Date: Fri, 17 Apr 2026 11:58:30 +0700
Subject: [PATCH] #803 adjust desktop layout

---
 src/components/Calendar/Sidebar/DesktopSidebar.tsx | 2 +-
 src/components/Menubar/DesktopMenubar.tsx          | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Calendar/Sidebar/DesktopSidebar.tsx b/src/components/Calendar/Sidebar/DesktopSidebar.tsx
index e399ea5..790fe0c 100644
--- a/src/components/Calendar/Sidebar/DesktopSidebar.tsx
+++ b/src/components/Calendar/Sidebar/DesktopSidebar.tsx
@@ -30,7 +30,7 @@ export const DesktopSidebar: React.FC<CalendarSidebarProps> = ({
           paddingLeft: 3,
           paddingRight: 2,
           width: '270px',
-          marginTop: isIframe ? 0 : '70px'
+          marginTop: isIframe ? 1 : '70px'
         },
         zIndex: 5
       }}
diff --git a/src/components/Menubar/DesktopMenubar.tsx b/src/components/Menubar/DesktopMenubar.tsx
index 4cdf120..ac82186 100644
--- a/src/components/Menubar/DesktopMenubar.tsx
+++ b/src/components/Menubar/DesktopMenubar.tsx
@@ -1,4 +1,4 @@
-import { IconButton } from '@linagora/twake-mui'
+import { IconButton, useTheme } from '@linagora/twake-mui'
 import HelpOutlineIcon from '@mui/icons-material/HelpOutline'
 import RefreshIcon from '@mui/icons-material/Refresh'
 import { useI18n } from 'twake-i18n'
@@ -31,9 +31,13 @@ export const DesktopMenubar: React.FC<SharedMenubarProps> = ({
   onUserMenuClose
 }) => {
   const { t } = useI18n()
+  const theme = useTheme()
 
   return (
-    <header className="menubar">
+    <header
+      className="menubar"
+      style={{ borderBottom: `1px solid ${theme.palette.divider}` }}
+    >
       <div className="left-menu">
         {!isIframe && (
           <div className="menu-items">