diff --git a/deno.json b/deno.json
index 159e720..a8ce676 100644
--- a/deno.json
+++ b/deno.json
@@ -7,17 +7,7 @@
     "preview": "deno run -A main.ts",
     "update": "deno run -A -r https://fresh.deno.dev/update ."
   },
-  "lint": {
-    "rules": {
-      "tags": [
-        "fresh",
-        "recommended"
-      ]
-    },
-    "exclude": [
-      "_fresh"
-    ]
-  },
+  "lint": { "rules": { "tags": ["fresh", "recommended"] } },
   "imports": {
     "typesense": "https://raw.githubusercontent.com/bradenmacdonald/typesense-deno/main/mod.ts",
     "yaml": "https://deno.land/std@0.197.0/yaml/mod.ts",
@@ -28,23 +18,16 @@
     "@islands": "./islands",
     "@islands/": "./islands/",
     "zod": "https://deno.land/x/zod@v3.21.4/mod.ts",
-    "$fresh/": "https://deno.land/x/fresh@1.4.3/",
-    "preact": "https://esm.sh/preact@10.15.1",
-    "preact/": "https://esm.sh/preact@10.15.1/",
-    "preact-render-to-string": "https://esm.sh/*preact-render-to-string@6.2.1",
-    "@preact/signals": "https://esm.sh/*@preact/signals@1.1.3",
-    "@preact/signals-core": "https://esm.sh/*@preact/signals-core@1.2.3",
+    "$fresh/": "https://deno.land/x/fresh@1.5.1/",
+    "preact": "https://esm.sh/preact@10.18.1",
+    "preact/": "https://esm.sh/preact@10.18.1/",
+    "preact-render-to-string": "https://esm.sh/*preact-render-to-string@6.2.2",
+    "@preact/signals": "https://esm.sh/*@preact/signals@1.2.1",
+    "@preact/signals-core": "https://esm.sh/*@preact/signals-core@1.5.0",
     "twind": "https://esm.sh/twind@0.16.19",
     "twind/": "https://esm.sh/twind@0.16.19/",
     "$std/": "https://deno.land/std@0.193.0/"
   },
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "jsxImportSource": "preact"
-  },
-  "fmt": {
-    "exclude": [
-      "_fresh"
-    ]
-  }
+  "compilerOptions": { "jsx": "react-jsx", "jsxImportSource": "preact" },
+  "exclude": ["**/_fresh/*"]
 }
diff --git a/routes/_layout.tsx b/routes/_layout.tsx
index 8fc8acd..409d49a 100644
--- a/routes/_layout.tsx
+++ b/routes/_layout.tsx
@@ -1,7 +1,7 @@
 import { LayoutProps } from "$fresh/server.ts";
 import { resources } from "@lib/resources.ts";
 import { CSS, KATEX_CSS } from "https://deno.land/x/gfm@0.2.5/mod.ts";
-import { Head } from "$fresh/runtime.ts";
+import { Head, Partial } from "$fresh/runtime.ts";
 import { Emoji } from "@components/Emoji.tsx";
 
 export default function MyLayout({ Component, url }: LayoutProps) {
@@ -14,15 +14,13 @@ export default function MyLayout({ Component, url }: LayoutProps) {
         <style>{CSS}</style>
         <style>{KATEX_CSS}</style>
       </Head>
-      <aside class="p-4 hidden md:block">
+      <aside class="p-4 hidden md:block" f-client-nav>
         <nav class="min-h-fit rounded-3xl p-3 grid gap-3 fixed t-0">
           {Object.values(resources).map((m) => {
             return (
               <a
                 href={m.link}
-                class={`flex items-center gap-2  ${
-                  m.link === url.pathname ? "bg-white text-black" : "text-white"
-                } p-3 text-xl w-full rounded-2xl`}
+                class={`flex items-center gap-2  text-white [data-ancestor]:bg-white [data-ancestor]:text-black p-3 text-xl w-full rounded-2xl`}
               >
                 {<Emoji class="w-6 h-6" name={m.emoji} />} {m.name}
               </a>
@@ -34,7 +32,9 @@ export default function MyLayout({ Component, url }: LayoutProps) {
         class="py-5"
         style={{ fontFamily: "Work Sans" }}
       >
-        <Component />
+        <Partial name="content">
+          <Component />
+        </Partial>
       </main>
     </div>
   );