diff --git a/site/blog/app/(web)/components/Theme.tsx b/site/blog/app/(web)/components/Theme.tsx
index ab42762..e616169 100644
--- a/site/blog/app/(web)/components/Theme.tsx
+++ b/site/blog/app/(web)/components/Theme.tsx
@@ -7,11 +7,11 @@ export default function Theme() {
   const isDark = theme === "dark";
 
   return (
-    <a
+    <span
       onClick={() => setTheme(isDark ? "light" : "dark")}
-      className="text-slate-600 dark:text-slate-200 cursor-pointer"
+      className="text-slate-600 dark:text-slate-300 hover:text-slate-800 dark:hover:text-slate-100 cursor-pointer"
     >
       <i className={isDark ? "i-ri:sun-fill" : "i-ri:moon-fill"} />
-    </a>
+    </span>
   );
 }
diff --git a/site/blog/app/middleware.ts b/site/blog/app/middleware.ts
new file mode 100644
index 0000000..d18802d
--- /dev/null
+++ b/site/blog/app/middleware.ts
@@ -0,0 +1,11 @@
+export const config = {
+  matcher: [
+    /*
+     * Match all request paths except for the ones starting with:
+     * - _next/static (static files)
+     * - _next/image (image optimization files)
+     * - favicon.ico, sitemap.xml, robots.txt (metadata files)
+     */
+    "/((?!_next/static|_next/image|favicon.ico|sitemap.xml|robots.txt).*)",
+  ],
+};