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>