diff --git a/css/ghpages-materialize.css b/css/ghpages-materialize.css
index e7356a7873..5bf8016551 100644
--- a/css/ghpages-materialize.css
+++ b/css/ghpages-materialize.css
@@ -6621,19 +6621,20 @@ ul.table-of-contents a {
   display: inline-block;
   font-weight: 300;
   color: #757575;
-  padding-left: 25px;
+  padding-left: 20px;
   height: 1.5rem;
   line-height: 1.5rem;
+  letter-spacing: .4;
   display: inline-block;
 }
 ul.table-of-contents a:hover {
   color: #a8a8a8;
-  padding-left: 24px;
+  padding-left: 19px;
   border-left: 1px solid #ea4a4f;
 }
 ul.table-of-contents a.active {
   font-weight: 600;
-  padding-left: 23px;
+  padding-left: 18px;
   border-left: 2px solid #ea4a4f;
 }
 
@@ -6928,5 +6929,3 @@ code, pre {
     margin-bottom: 20px;
   }
 }
-
-/*# sourceMappingURL=ghpages-materialize.css.map */
diff --git a/sass/components/_table_of_contents.scss b/sass/components/_table_of_contents.scss
index 99e4f05efc..837039f430 100644
--- a/sass/components/_table_of_contents.scss
+++ b/sass/components/_table_of_contents.scss
@@ -13,19 +13,20 @@ ul.table-of-contents {
     display: inline-block;
     font-weight: 300;
     color: #757575;
-    padding-left: 25px;
+    padding-left: 20px;
     height: 1.5rem;
     line-height: 1.5rem;
+    letter-spacing: .4;
     display: inline-block;
 
     &:hover {
       color: lighten(#757575, 20%);
-      padding-left: 24px;
+      padding-left: 19px;
       border-left: 1px solid lighten(color("red"),10%);
     }
     &.active {
       font-weight: 600;
-      padding-left: 23px;
+      padding-left: 18px;
       border-left: 2px solid lighten(color("red"),10%);
     }
   }