diff --git a/apps/meteor/client/providers/LayoutProvider.tsx b/apps/meteor/client/providers/LayoutProvider.tsx
index 1ce23027856..85a33fab7a2 100644
--- a/apps/meteor/client/providers/LayoutProvider.tsx
+++ b/apps/meteor/client/providers/LayoutProvider.tsx
@@ -35,7 +35,8 @@ const LayoutProvider: FC = ({ children }) => {
 					},
 					size: {
 						sidebar: '240px',
-						contextualBar: breakpoints.includes('sm') ? '380px' : '100%',
+						// eslint-disable-next-line no-nested-ternary
+						contextualBar: breakpoints.includes('sm') ? (breakpoints.includes('xl') ? '38%' : '380px') : '100%',
 					},
 					contextualBarExpanded: breakpoints.includes('sm'),
 					// eslint-disable-next-line no-nested-ternary