diff --git a/src/app/page.tsx b/src/app/page.tsx
index b30aa9b..254069d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import ExampleButton from "@/components/ExampleButton";
+import ExampleButton from "@components/ExampleButton";
 
 export default function Home() {
   return (
diff --git a/src/components/ExampleButton.tsx b/src/components/ExampleButton.tsx
index de6c806..9fb60aa 100644
--- a/src/components/ExampleButton.tsx
+++ b/src/components/ExampleButton.tsx
@@ -1,4 +1,4 @@
-import { addUser } from "@/app/api/user/route.client";
+import { addUser } from "@api/user/route.client";
 import { Icon } from "@iconify/react/dist/iconify.js";
 
 interface ExampleButtonProps {
diff --git a/tsconfig.json b/tsconfig.json
index 7b28589..dbc4d26 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,7 +18,8 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@components/*": ["./src/components/*"],
+      "@api/*": ["./src/app/api/*"]
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],