diff --git a/apps/meteor/client/views/room/layout/RoomLayout.tsx b/apps/meteor/client/views/room/layout/RoomLayout.tsx
index 21478ffc35ea0..20e068deac702 100644
--- a/apps/meteor/client/views/room/layout/RoomLayout.tsx
+++ b/apps/meteor/client/views/room/layout/RoomLayout.tsx
@@ -23,7 +23,7 @@ const useBreakpointsElement = () => {
 	const breakpoints = useMemo(
 		() =>
 			breakpointsDefinitions
-				.filter(({ minViewportWidth }) => minViewportWidth && borderBoxSize.inlineSize && borderBoxSize.inlineSize >= minViewportWidth)
+				.filter(({ minViewportWidth }) => minViewportWidth && (!borderBoxSize.inlineSize || borderBoxSize.inlineSize >= minViewportWidth))
 				.map(({ name }) => name),
 		[borderBoxSize],
 	);
@@ -66,7 +66,17 @@ const RoomLayout = ({ header, body, footer, aside, ...props }: RoomLayoutProps)
 						</Box>
 						{footer && <Suspense fallback={null}>{footer}</Suspense>}
 					</Box>
-					{aside && <Suspense fallback={null}>{aside}</Suspense>}
+					{aside && (
+						<Suspense fallback={null}>
+							{contextualbarPosition === 'absolute' ? (
+								<Box position='absolute' insetBlock={0} insetInlineEnd={0} width={contextualbarSize} zIndex={100}>
+									{aside}
+								</Box>
+							) : (
+								aside
+							)}
+						</Suspense>
+					)}
 				</Box>
 			</Box>
 		</LayoutContext.Provider>