diff --git a/app/theme/client/imports/components/sidebar/sidebar.css b/app/theme/client/imports/components/sidebar/sidebar.css
index ca969d8af9c52..b9947dac48ac3 100644
--- a/app/theme/client/imports/components/sidebar/sidebar.css
+++ b/app/theme/client/imports/components/sidebar/sidebar.css
@@ -98,7 +98,7 @@
 	}
 }
 
-@media (width < 780px) {
+@media (width < 768px) {
 	.sidebar {
 		position: absolute;
 
diff --git a/client/providers/LayoutProvider.tsx b/client/providers/LayoutProvider.tsx
index 5bb799f6d9588..e94fe2cbcb4bf 100644
--- a/client/providers/LayoutProvider.tsx
+++ b/client/providers/LayoutProvider.tsx
@@ -17,7 +17,7 @@ const LayoutProvider: FC = ({ children }) => {
 			children={children}
 			value={useMemo(
 				() => ({
-					isMobile: !breakpoints.includes('sm'),
+					isMobile: !breakpoints.includes('md'),
 					isEmbedded,
 					showTopNavbarEmbeddedLayout,
 					sidebar: menu,
diff --git a/client/views/room/Header/RoomHeader.js b/client/views/room/Header/RoomHeader.js
index eadaec2f16b64..3cfdb73100f49 100644
--- a/client/views/room/Header/RoomHeader.js
+++ b/client/views/room/Header/RoomHeader.js
@@ -20,6 +20,7 @@ const RoomHeader = ({ room, topic }) => {
 	const { isMobile } = useLayout();
 	const avatar = <RoomAvatar room={room} />;
 	const showQuickActions = roomTypes.showQuickActionButtons(room.t);
+
 	return (
 		<Header>
 			{isMobile && (