diff --git a/components/leftbar.tsx b/components/leftbar.tsx
index e38911f..181ce3c 100644
--- a/components/leftbar.tsx
+++ b/components/leftbar.tsx
@@ -6,13 +6,13 @@ import {
   SheetTrigger,
 } from "@/components/ui/sheet";
 import { Logo, NavMenu } from "./navbar";
-import { Button } from "../ui/button";
+import { Button } from "@/components/ui/button";
 import { AlignLeftIcon } from "lucide-react";
-import { FooterButtons } from "./footer";
-import { DialogTitle } from "../ui/dialog";
+import { FooterButtons } from "@/components/footer";
+import { DialogTitle } from "@/components/ui/dialog";
 import { ScrollArea } from "@/components/ui/scroll-area";
-import DocsMenu from "./docs-menu";
-import { ModeToggle } from "./theme-toggle";
+import DocsMenu from "@/components/docs-menu";
+import { ModeToggle } from "@/components/theme-toggle";
 
 export function Leftbar() {
   return (
diff --git a/components/navbar.tsx b/components/navbar.tsx
index cf6d26b..4db77ad 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -1,9 +1,9 @@
 import { ArrowUpRight } from "lucide-react";
 import Link from "next/link";
 import Image from "next/image";
-import Search from "./search";
-import Anchor from "./anchor";
-import { SheetLeftbar } from "./leftbar";
+import Search from "@/components/search";
+import Anchor from "@/components/anchor";
+import { SheetLeftbar } from "@/components/leftbar";
 import { SheetClose } from "@/components/ui/sheet";
 import docuConfig from "@/docu.json"; // Import JSON
 
diff --git a/components/pagination.tsx b/components/pagination.tsx
index 6adbf11..9da486d 100644
--- a/components/pagination.tsx
+++ b/components/pagination.tsx
@@ -1,7 +1,7 @@
 import { getPreviousNext } from "@/lib/markdown";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import Link from "next/link";
-import { buttonVariants } from "../ui/button";
+import { buttonVariants } from "@/components/ui/button";
 
 export default function Pagination({ pathname }: { pathname: string }) {
   const res = getPreviousNext(pathname);
diff --git a/components/scroll-to-top.tsx b/components/scroll-to-top.tsx
index 7a6fec5..2ebbfb1 100644
--- a/components/scroll-to-top.tsx
+++ b/components/scroll-to-top.tsx
@@ -2,7 +2,7 @@
 
 import { ArrowUpIcon } from "lucide-react";
 import { useEffect, useState } from "react";
-import { Button } from "../ui/button";
+import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 
 export function ScrollToTop() {