diff --git a/packages/web/docs/src/components/ecosystem-management/index.tsx b/packages/web/docs/src/components/ecosystem-management/index.tsx
index a6d498caf..6fcbbd8f2 100644
--- a/packages/web/docs/src/components/ecosystem-management/index.tsx
+++ b/packages/web/docs/src/components/ecosystem-management/index.tsx
@@ -1,4 +1,5 @@
import { ReactNode, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import NextLink from 'next/link';
import {
CallToAction,
DecorationIsolation,
@@ -29,18 +30,34 @@ export function EcosystemManagementSection({ className }: { className?: string }
{[
- 'A complete ecosystem covering all your dev and production needs.',
- 'Full Apollo Federation Support. Drop-in replacement for Apollo GraphOS (Apollo Studio)',
+ <>A complete ecosystem covering all your dev and production needs.>,
+ <>
+
+ Full Apollo Federation Support
+
+ . Drop-in replacement for Apollo GraphOS (Apollo Studio)
+ >,
<>
Use tools of your choice — either dive into our full GraphQL ecosystem,
- or build your own stack, connecting GraphQL federation, Hive Gateway, GraphQL
- Mesh and more.
+ or build your own stack, connecting{' '}
+
+ GraphQL federation
+
+ ,{' '}
+
+ Hive Gateway
+
+ ,{' '}
+
+ GraphQL Mesh
+ {' '}
+ and more.
>,
'Learn how to migrate from Apollo and keep your GraphQL Federation stack vendor-unlocked.',
].map((text, i) => (
-
- {text}
+
{text}
))}