diff --git a/website/src/layouts/main.astro b/website/src/layouts/main.astro
index 29767c8..f64b3d3 100644
--- a/website/src/layouts/main.astro
+++ b/website/src/layouts/main.astro
@@ -1,6 +1,6 @@
 ---
 import "@/styles/global.css"
-import { ViewTransitions } from "astro:transitions"
+import { ClientRouter } from "astro:transitions"
 
 interface Props {
   title?: string
@@ -25,7 +25,7 @@ const {
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet" />
-    <ViewTransitions />
+    <ClientRouter />
     <script is:inline>
       ;(function () {
         const theme = localStorage.getItem("theme")