diff --git a/docs/🖥️ Service Monitoring/components.mdx b/docs/🖥️ Service Monitoring/components.mdx
index ad3d9b0..6588b11 100644
--- a/docs/🖥️ Service Monitoring/components.mdx	
+++ b/docs/🖥️ Service Monitoring/components.mdx	
@@ -5,5 +5,5 @@ summary: 'petentium usu tota noluisse errem elaboraret auctor.'
 order: 2
 ---
 
-# Components
+# 🧩 Components
 ...
\ No newline at end of file
diff --git a/src/app/[[...slug]]/page.tsx b/src/app/[[...slug]]/page.tsx
index cb3cf27..c8321c3 100644
--- a/src/app/[[...slug]]/page.tsx
+++ b/src/app/[[...slug]]/page.tsx
@@ -47,18 +47,15 @@ const DocsPage = async ({
             {/* Breadcrumb */}
             <Breadcrumb className="pt-4 pb-3 select-none">
                 <BreadcrumbList>
-                    {splitSlug.map(
-                        (part: string, index: number): ReactElement => {
-                            const active: boolean =
-                                index === splitSlug.length - 1;
+                    {splitSlug
+                        .slice(0, -1)
+                        .map((part: string, index: number): ReactElement => {
                             const slug: string = splitSlug
-                                .slice(1, index + 1)
+                                .slice(1, index + 2) // Include one more to account for the index shift
                                 .join("/");
                             return (
                                 <div className="flex items-center" key={part}>
-                                    <BreadcrumbItem
-                                        className={cn(active && "text-primary")}
-                                    >
+                                    <BreadcrumbItem>
                                         <BreadcrumbLink
                                             href={slug}
                                             draggable={false}
@@ -66,13 +63,17 @@ const DocsPage = async ({
                                             {capitalizeWords(part)}
                                         </BreadcrumbLink>
                                     </BreadcrumbItem>
-                                    {index < splitSlug.length - 1 && (
+                                    {index < splitSlug.length - 1 && ( // Adjusted to avoid separator after the last breadcrumb
                                         <BreadcrumbSeparator className="pl-1.5" />
                                     )}
                                 </div>
                             );
-                        }
-                    )}
+                        })}
+                    <BreadcrumbItem className="text-primary">
+                        <BreadcrumbLink href="#" draggable={false}>
+                            {page.title}{" "}
+                        </BreadcrumbLink>
+                    </BreadcrumbItem>
                 </BreadcrumbList>
             </Breadcrumb>