diff --git a/src/css/doc.css b/src/css/doc.css
index cf84bfe1..59ad934a 100644
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -577,13 +577,13 @@ ul ul ul {
   padding-right: var(--base-small-space);
   padding-top: var(--base-large-space);
   padding-bottom: var(--base-large-space);
-  white-space: pre-wrap;
+  /* white-space: pre-wrap; */
   /* NOTE enable these styles if side-to-side scrolling is preferred */
-  /*
+  
   overflow-wrap: normal;
   word-wrap: normal;
   overflow-x: auto;
-  */
+ 
   background: #0074e00e;
   border: 1px solid var(--color-brand-gray8);
   border-radius: 3px;
diff --git a/src/css/highlight.css b/src/css/highlight.css
index 334ebcf7..3465519f 100644
--- a/src/css/highlight.css
+++ b/src/css/highlight.css
@@ -13,7 +13,8 @@ Other CSS rules for styling code blocks:
 */
 .hljs-comment,
 .hljs-meta {
-  color: #708090;
+  /* color: #708090; */
+  color: var(--color-brand-gray1);
 }
 
 .hljs-keyword,
@@ -46,7 +47,8 @@ Other CSS rules for styling code blocks:
 
 .hljs-built_in,
 .hljs-function .hljs-title {
-  color: #e6db74;
+  /* color: #e6db74; */
+  color: var(--color-brand-orange);
 }
 
 .hljs-regexp {
diff --git a/src/css/main.css b/src/css/main.css
index 23adde67..d83958da 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -65,6 +65,12 @@ main p {
   color: var(--color-brand-blue-secondary);
 }
 
+/* .article-banner span {
+  font-size: var(--font-small);
+  margin: 0.5rem 1rem 0 0;
+  color: var(--color-brand-gray4);
+} */
+
 .article-banner svg {
   margin-right: 10px;
   margin-bottom: 10px;
diff --git a/src/js/06-page-rating.js b/src/js/06-page-rating.js
index 12654c94..42b17630 100644
--- a/src/js/06-page-rating.js
+++ b/src/js/06-page-rating.js
@@ -76,5 +76,9 @@
     },
   }
 
+  if (window.location.hash) {
+    var hash = window.location.hash
+    $('html, body').animate({ 'scrollTop': $(hash).offset().top }, 'slow')
+  }
   /*eslint-env jquery*/
 })(jQuery)