From ab5e5ca0ee1305dd2f91f8df483d604b9bb24263 Mon Sep 17 00:00:00 2001
From: Trevor Blades <tdblades@gmail.com>
Date: Mon, 10 Jun 2024 15:35:12 -0400
Subject: [PATCH] Use regular div for breadcrumb chevrons

---
 packages/ui/static-bundle/src/pages/[...path].astro | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/packages/ui/static-bundle/src/pages/[...path].astro b/packages/ui/static-bundle/src/pages/[...path].astro
index facc776940..3b1940d5c7 100644
--- a/packages/ui/static-bundle/src/pages/[...path].astro
+++ b/packages/ui/static-bundle/src/pages/[...path].astro
@@ -3,7 +3,6 @@ import { FernNavigation } from "@fern-api/fdr-sdk";
 import { NodeCollector } from "@fern-api/fdr-sdk/navigation";
 import { getColorVariables } from "@fern-ui/ui/src/next-app/utils/getColorVariables";
 import type { GetStaticPaths } from "astro";
-import cn from "clsx";
 import DocsMainContent from "../components/DocsMainContent.astro";
 import { getDocs } from "../utils";
 
@@ -56,13 +55,11 @@ const colorVariables = getColorVariables(
         <ul class="mb-8 flex">
             {
                 node.breadcrumb.map((crumb, index) => (
-                    <li
-                        class={cn(
-                            index &&
-                                "flex items-center before:border-t before:border-r before:block before:border-current before:size-[0.5em] before:rotate-45 before:mx-2"
+                    <li class="flex items-center">
+                        {index > 0 && (
+                            <div class="border-t border-r block border-current size-[0.5em] rotate-45 mx-2" />
                         )}
-                    >
-                        {crumb}
+                        <span>{crumb}</span>
                     </li>
                 ))
             }