diff --git a/src/app/pages/component-viewer/_component-viewer-theme.scss b/src/app/pages/component-viewer/_component-viewer-theme.scss
index f49d7446d..f52df48a6 100644
--- a/src/app/pages/component-viewer/_component-viewer-theme.scss
+++ b/src/app/pages/component-viewer/_component-viewer-theme.scss
@@ -17,6 +17,6 @@
   }
 
   .docs-api-h3 {
-    border-bottom: 1px solid rgba(mat-color($foreground, secondary-text), 0.15);
+    border-bottom: 1px solid mat-color($foreground, divider);
   }
 }
diff --git a/src/styles/_markdown.scss b/src/styles/_markdown.scss
index 8d34e78bd..76c3de148 100644
--- a/src/styles/_markdown.scss
+++ b/src/styles/_markdown.scss
@@ -66,6 +66,7 @@ pre {
 .docs-header-link {
   a {
     text-decoration: none;
+    // deduct -30px so the anchor icon will be positioned outside the content
     margin-left: -30px;
     display: inline-block;
     vertical-align: middle;