diff --git a/packages/web/docs/src/components/ecosystem-management/ecosystem-illustration.tsx b/packages/web/docs/src/components/ecosystem-management/ecosystem-illustration.tsx
index 3bdc3f2d03..76af4e6dad 100644
--- a/packages/web/docs/src/components/ecosystem-management/ecosystem-illustration.tsx
+++ b/packages/web/docs/src/components/ecosystem-management/ecosystem-illustration.tsx
@@ -139,7 +139,7 @@ export function EcosystemIllustration(props: { className?: string }) {
             highlightedEdge={highlightedEdge}
             onHighlight={onHighlightNode}
           >
-            <svg className="size-[var(--big-logo-size)]">
+            <svg className="size-[--big-logo-size]">
               <use width="100%" height="100%" xlinkHref={`${svgHref}#hive`} />
             </svg>
           </Node>