diff --git a/src/app/(pages)/docs/[[...slug]]/page.tsx b/src/app/(pages)/docs/[[...slug]]/page.tsx
index cab60ac..581ede7 100644
--- a/src/app/(pages)/docs/[[...slug]]/page.tsx
+++ b/src/app/(pages)/docs/[[...slug]]/page.tsx
@@ -71,10 +71,12 @@ export default function Page({ params: { slug } }: DocumentationPageParams) {
               const path = array.slice(0, index + 1).join("/");
 
               return (
-                <BreadcrumbItem key={slug}>
-                  <BreadcrumbSeparator />
-                  <BreadcrumbLink href={`/docs/${path}`}>{capitalizeFirstLetter(slug)}</BreadcrumbLink>
-                </BreadcrumbItem>
+                <div key={slug} className="flex items-center ">
+                  <BreadcrumbSeparator className="px-1.5" />
+                  <BreadcrumbItem>
+                    <BreadcrumbLink href={`/docs/${path}`}>{capitalizeFirstLetter(slug)}</BreadcrumbLink>
+                  </BreadcrumbItem>
+                </div>
               );
             })}
           </BreadcrumbList>