diff --git a/Vector.php b/Vector.php
index 2a344a6..f3f2507 100644
--- a/Vector.php
+++ b/Vector.php
@@ -103,6 +103,7 @@ $GLOBALS['wgResourceModuleSkinStyles']['vector'] = array(
 	'jquery.ui.tabs' => 'skinStyles/jquery.ui/jquery.ui.tabs.css',
 	'jquery.ui.tooltips' => 'skinStyles/jquery.ui/jquery.ui.tooltips.css',
 	'mediawiki.notification' => 'skinStyles/mediawiki.notification.less',
+	'+mediawiki.sectionAnchor' => 'skinStyles/mediawiki.sectionAnchor.less',
 	'mediawiki.special' => 'skinStyles/mediawiki.special.less',
 	'mediawiki.special.preferences' => 'skinStyles/mediawiki.special.preferences.less',
 	'remoteSkinPath' => 'Vector',
diff --git a/skinStyles/mediawiki.sectionAnchor.less b/skinStyles/mediawiki.sectionAnchor.less
new file mode 100644
index 0000000..0baf0d6
--- /dev/null
+++ b/skinStyles/mediawiki.sectionAnchor.less
@@ -0,0 +1,41 @@
+@media screen {
+    .mw-headline-anchor {
+        margin-left: -16px;
+        width: 16px;
+    }
+
+    /* @noflip */
+    .mw-content-ltr .mw-headline-anchor,
+    .mw-content-rtl .mw-content-ltr .mw-headline-anchor {
+        margin-left: -16px;
+        margin-right: 0;
+    }
+
+    /* @noflip */
+    .mw-content-rtl .mw-headline-anchor,
+    .mw-content-ltr .mw-content-rtl .mw-headline-anchor {
+        margin-left: 0;
+        margin-right: -16px;
+    }
+}
+
+@media screen and (min-width: 982px) {
+    .mw-headline-anchor {
+        margin-left: -20px;
+        width: 20px;
+    }
+
+    /* @noflip */
+    .mw-content-ltr .mw-headline-anchor,
+    .mw-content-rtl .mw-content-ltr .mw-headline-anchor {
+        margin-left: -20px;
+        margin-right: 0;
+    }
+
+    /* @noflip */
+    .mw-content-rtl .mw-headline-anchor,
+    .mw-content-ltr .mw-content-rtl .mw-headline-anchor {
+        margin-left: 0;
+        margin-right: -20px;
+    }
+}