diff --git a/docs/public/index.css b/docs/public/index.css
index 06995827cc..e8b49cf886 100644
--- a/docs/public/index.css
+++ b/docs/public/index.css
@@ -47,7 +47,7 @@ nav ul {
 :is(h1, h2, h3, h4, h5, h6) {
   margin-bottom: 1rem;
   font-weight: bold;
-  line-height: 1.0;
+  line-height: 1;
 }
 
 :is(h1, h2) {
@@ -269,7 +269,6 @@ img {
   align-items: center;
 }
 
-
 header button {
   background-color: var(--theme-bg);
 }
@@ -317,7 +316,7 @@ button {
 }
 
 #theme-toggle > label {
-  color: var( --theme-code-inline-text);
+  color: var(--theme-code-inline-text);
   position: relative;
   display: flex;
   align-items: center;
diff --git a/docs/src/components/DocSidebar.tsx b/docs/src/components/DocSidebar.tsx
index e1b2a2b175..245a1c10b4 100644
--- a/docs/src/components/DocSidebar.tsx
+++ b/docs/src/components/DocSidebar.tsx
@@ -105,7 +105,7 @@ const DocSidebar: FunctionalComponent<{ headers: any[]; editHref: string }> = ({
             </a>
           </li>
         </ul>
-        <div style={{margin: '2rem 0', textAlign: 'center'}}>
+        <div style={{ margin: '2rem 0', textAlign: 'center' }}>
           <ThemeToggle />
         </div>
       </div>
diff --git a/docs/src/components/ThemeToggle.tsx b/docs/src/components/ThemeToggle.tsx
index e990d8ea4e..37b0287587 100644
--- a/docs/src/components/ThemeToggle.tsx
+++ b/docs/src/components/ThemeToggle.tsx
@@ -52,7 +52,6 @@ const ThemeToggle: FunctionalComponent = () => {
     }
   }, [theme]);
 
-
   return (
     <div id="theme-toggle">
       {themes.map((t, i) => {
@@ -68,7 +67,7 @@ const ThemeToggle: FunctionalComponent = () => {
               value={t}
               title={`Use ${t} theme`}
               aria-label={`Use ${t} theme`}
-              onChange={() => { 
+              onChange={() => {
                 localStorage.setItem('theme', t);
                 setTheme(t);
               }}