diff --git a/docs/src/hooks/useViewport.js b/docs/src/hooks/useViewport.js
index c6195b4c5..0646f5f52 100644
--- a/docs/src/hooks/useViewport.js
+++ b/docs/src/hooks/useViewport.js
@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 
 export const useViewport = () => {
-    const [width, setWidth] = useState(0);
+    const [width, setWidth] = useState(window?.innerWidth);
 
     useEffect(() => {
         if(typeof window !== undefined) {
diff --git a/docs/src/scss/custom.scss b/docs/src/scss/custom.scss
index 09ba1771f..f6e016ed8 100644
--- a/docs/src/scss/custom.scss
+++ b/docs/src/scss/custom.scss
@@ -60,6 +60,7 @@
   --color-lighter-blue: #{$blue-800};
   --color-tealish-blue: #{$blue-400};
   --ifm-code-background: #{$ifm-code-background};
+  --ifm-toc-link-color: #{$blue-500};
 }
 
 .markdown {
@@ -149,7 +150,10 @@
 }
 
 .docs-wrapper .table-of-contents__link {
-  font-size: 12px;
+  font-size: 13px;
+  &.table-of-contents__link--active{
+    font-weight: bold;
+  }
 }
 
 @media (min-width: 768px) {