From 4e3e8a254e074a8b485bc9c36c1d4e2edb47ad64 Mon Sep 17 00:00:00 2001
From: Maria Elisabeth Schreiber <maria.schreiber@apollographql.com>
Date: Mon, 4 Mar 2024 11:48:13 -0700
Subject: [PATCH] Standardize button

---
 docs/source/getting-started.mdx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/source/getting-started.mdx b/docs/source/getting-started.mdx
index 951eb0c83a1..ded86bb8967 100644
--- a/docs/source/getting-started.mdx
+++ b/docs/source/getting-started.mdx
@@ -325,14 +325,14 @@ One of the most important concepts of GraphQL is that clients can choose to quer
 
 ## Complete example
 
-You can view and fork the complete example on Code Sandbox:
-
-<a href="https://codesandbox.io/s/github/apollographql/docs-examples/tree/main/apollo-server/v4/getting-started?fontsize=14&hidenavigation=1&theme=dark">
-  <img
-    alt="Edit server-getting-started"
-    src="https://codesandbox.io/static/img/play-codesandbox.svg"
-  />
-</a>
+You can view and fork the complete example on CodeSandbox:
+
+<ButtonLink
+  href="https://codesandbox.io/s/github/apollographql/docs-examples/tree/main/apollo-server/v4/getting-started?fontsize=14&hidenavigation=1&theme=dark"
+  size="lg"
+>
+  Edit in CodeSandbox
+</ButtonLink>
 
 ## Next steps