diff --git a/resources/skins.vector.styles/layout-max-width.less b/resources/skins.vector.styles/layout-max-width.less
index a2b64c6e2..3ee86b0b5 100644
--- a/resources/skins.vector.styles/layout-max-width.less
+++ b/resources/skins.vector.styles/layout-max-width.less
@@ -20,7 +20,7 @@
 	// We want ~60px of space between the end of the sidebar and the start of the
 	// content container for aesthetic reasons. The sidebar is already displaced
 	// -30px so we simply add 30px of space to the width of the sidebar.
-	@margin-start-content: @width-grid-column-one + unit( 30px / @font-size-browser, em );
+	@margin-start-content: @width-grid-column-one + unit( 8px / @font-size-browser, em );
 	// Page container's total horizontal padding in em units.
 	@padding-horizontal-page-container-total: 2 * unit( @padding-horizontal-page-container / @font-size-browser, em );
 	// Equivalent to 1432px. This determines the maximum width breakpoint at which