diff --git a/apps/wow-docs/app/overview/page.tsx b/apps/wow-docs/app/overview/page.tsx
index b9f65bcf..4eea568f 100644
--- a/apps/wow-docs/app/overview/page.tsx
+++ b/apps/wow-docs/app/overview/page.tsx
@@ -1,12 +1,11 @@
 import Space from "@components/Space";
 import Text from "@components/Text";
+import { routePath } from "@constants/routePath";
 import { css } from "@styled-system/css";
 import Image from "next/image";
 import Link from "next/link";
 import { RightArrow } from "wowds-icons";
 
-import { routePath } from "@/constants/routePath";
-
 import OverviewBackgroundImage from "../../public/overview-background.png";
 
 const OverviewPage = () => {
diff --git a/apps/wow-docs/app/page.tsx b/apps/wow-docs/app/page.tsx
index fcdbaad2..1f4df605 100644
--- a/apps/wow-docs/app/page.tsx
+++ b/apps/wow-docs/app/page.tsx
@@ -1,7 +1,6 @@
+import { routePath } from "@constants/routePath";
 import { redirect } from "next/navigation";
 
-import { routePath } from "@/constants/routePath";
-
 const Home = () => {
   return redirect(routePath.overview);
 };
diff --git a/apps/wow-docs/components/NavItem.tsx b/apps/wow-docs/components/NavItem.tsx
index 85b1f3d5..8e2ac0c3 100644
--- a/apps/wow-docs/components/NavItem.tsx
+++ b/apps/wow-docs/components/NavItem.tsx
@@ -61,7 +61,7 @@ const NavItem = ({ href, icon: Icon, alt, label, children }: NavItemProps) => {
             <li key={child.href} role="none">
               <Link
                 aria-label={child.label}
-                href={child.href}
+                href={`${href}${child.href}`}
                 role="menuitem"
                 className={navItemStyle({
                   type:
diff --git a/apps/wow-docs/constants/routePath.ts b/apps/wow-docs/constants/routePath.ts
new file mode 100644
index 00000000..35261338
--- /dev/null
+++ b/apps/wow-docs/constants/routePath.ts
@@ -0,0 +1,5 @@
+export const routePath = {
+  overview: "/overview",
+  foundation: "/foundation",
+  component: "/component",
+};
diff --git a/apps/wow-docs/panda.config.ts b/apps/wow-docs/panda.config.ts
index 04c061ab..a32750a1 100644
--- a/apps/wow-docs/panda.config.ts
+++ b/apps/wow-docs/panda.config.ts
@@ -14,7 +14,7 @@ export default defineConfig({
   outExtension: "js",
   polyfill: true,
   jsxFramework: "react",
-  include: ["./app/**/*.{ts,tsx,js,jsx}"],
+  include: ["./app/**/*.{ts,tsx,js,jsx}", "./components/**/*.{ts,tsx,js,jsx}"],
   exclude: [],
   outdir: "styled-system",
   hooks: {
diff --git a/apps/wow-docs/tsconfig.json b/apps/wow-docs/tsconfig.json
index 07af197c..ad92964a 100644
--- a/apps/wow-docs/tsconfig.json
+++ b/apps/wow-docs/tsconfig.json
@@ -9,7 +9,8 @@
     "paths": {
       "@/*": ["app/*"],
       "@styled-system/*": ["./styled-system/*"],
-      "@components/*": ["./components/*"]
+      "@components/*": ["./components/*"],
+      "@constants/*": ["./constants/*"]
     },
     "module": "ESNext",
     "moduleResolution": "Bundler",