diff --git a/resources/skins.vector.styles/layout.less b/resources/skins.vector.styles/layout.less
index 251734a..5f4a341 100644
--- a/resources/skins.vector.styles/layout.less
+++ b/resources/skins.vector.styles/layout.less
@@ -147,7 +147,7 @@ body {
 	// The sidebar is absolutely positioned inside the header which applies a top
 	// margin so we need to subtract this top margin in order to get the correct
 	// sidebar position.
-	top: @height-header - @margin-top-header;
+	top: 3em;
 	left: 0;
 	width: @width-grid-column-one;
 	.box-sizing( border-box );
diff --git a/resources/skins.vector.styles/legacy/layout.less b/resources/skins.vector.styles/legacy/layout.less
index 7dfb168..4923f4e 100644
--- a/resources/skins.vector.styles/legacy/layout.less
+++ b/resources/skins.vector.styles/legacy/layout.less
@@ -112,7 +112,7 @@ body {
 
 #mw-panel {
 	position: absolute;
-	top: 0;
+	top: 3em;
 	width: 10em;
 	left: 0;
 }