diff --git a/src/app/components/SideBar.tsx b/src/app/components/SideBar.tsx
index 9936dcd..8cd01d5 100644
--- a/src/app/components/SideBar.tsx
+++ b/src/app/components/SideBar.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import Link from 'next/link.js';
 import { useState } from 'react';
 import { Doc, DocsStructure } from '../types/types.js';
 import styles from './SideBar.module.css';
@@ -90,10 +91,12 @@ export default function SideBar({
 }) {
   return (
     <div className={styles.container}>
-      <h1 className={styles.title}>
-        <span className={styles.onspring}>Onspring</span>{' '}
-        <span className={styles.api}>API</span>
-      </h1>
+      <Link href="/">
+        <h1 className={styles.title}>
+          <span className={styles.onspring}>Onspring</span>{' '}
+          <span className={styles.api}>API</span>
+        </h1>
+      </Link>
       <ListTree docs={version.docs} />
     </div>
   );