From 976d3837f053c1f4ea250a8aae313022f381da6c Mon Sep 17 00:00:00 2001
From: Jakob Helgesson <jakob.helgesson@gmail.com>
Date: Wed, 6 Sep 2023 17:14:10 +0200
Subject: [PATCH] Fix anchor width (#42)

---
 blog/src/components/mdx/heading/Anchor.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/blog/src/components/mdx/heading/Anchor.tsx b/blog/src/components/mdx/heading/Anchor.tsx
index a772fc8..aa0d1c9 100644
--- a/blog/src/components/mdx/heading/Anchor.tsx
+++ b/blog/src/components/mdx/heading/Anchor.tsx
@@ -21,7 +21,7 @@ export const Anchor = ({ id, children }) => {
             href={`#${id}`}
             className="group text-inherit no-underline hover:text-inherit"
         >
-            <div className="absolute ml-[calc(-1*var(--width))] mt-1 hidden w-[var(--width)] opacity-0 transition [--width:calc(2.625rem+0.5px+50%-min(50%,calc(theme(maxWidth.lg)+theme(spacing.8))))] group-hover:opacity-100 group-focus:opacity-100 md:block lg:z-50 2xl:[--width:theme(spacing.10)]">
+            <div className="absolute ml-[calc(-1*var(--width))] mt-1 hidden w-[var(--width)] opacity-0 transition  [--width:theme(spacing.10)] group-hover:opacity-100 group-focus:opacity-100 md:block lg:z-50">
                 <div className="group/anchor block h-5 w-5 rounded-lg bg-zinc-50 ring-1 ring-inset ring-zinc-300 transition hover:ring-zinc-500 dark:bg-zinc-800 dark:ring-zinc-700 dark:hover:bg-zinc-700 dark:hover:ring-zinc-600">
                     <AnchorIcon className="h-5 w-5 stroke-zinc-500 transition dark:stroke-zinc-400 dark:group-hover/anchor:stroke-white" />
                 </div>