From eeb5f3c277beedafca282a7f2f9fa7d624f314a6 Mon Sep 17 00:00:00 2001
From: Edward Huang <edhuang@gmail.com>
Date: Fri, 17 Jan 2025 10:04:44 -0800
Subject: [PATCH] docs: set Codesandbox button width (#12279)

---
 .../development-testing/schema-driven-testing.mdx      | 10 +++++++++-
 docs/source/development-testing/testing.mdx            | 10 +++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/docs/source/development-testing/schema-driven-testing.mdx b/docs/source/development-testing/schema-driven-testing.mdx
index f69294c0ff6..aa07ea39d65 100644
--- a/docs/source/development-testing/schema-driven-testing.mdx
+++ b/docs/source/development-testing/schema-driven-testing.mdx
@@ -557,4 +557,12 @@ Please see [this issue](https://github.com/graphql/graphql-js/issues/4062) to tr
 
 For a working example that demonstrates how to use both Testing Library and Mock Service Worker to write integration tests with `createTestSchema`, check out this project on CodeSandbox:
 
-[![Edit Testing React Components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/github/apollographql/docs-examples/tree/main/apollo-client/v3/schema-driven-testing)
+<a href="https://codesandbox.io/p/sandbox/github/apollographql/docs-examples/tree/main/apollo-client/v3/schema-driven-testing">
+  <img
+    src="https://codesandbox.io/static/img/play-codesandbox.svg"
+    width="12em"
+    alt="Edit Testing React Components"
+    style="display: inline;"
+    noZoom
+  />
+</a>
diff --git a/docs/source/development-testing/testing.mdx b/docs/source/development-testing/testing.mdx
index d32222cb6ab..3453f2559f4 100644
--- a/docs/source/development-testing/testing.mdx
+++ b/docs/source/development-testing/testing.mdx
@@ -514,4 +514,12 @@ This is necessary because otherwise, the `MockedProvider` component doesn't know
 
 For a working example that demonstrates how to test components, check out this project on CodeSandbox:
 
-[![Edit Testing React Components](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/apollographql/docs-examples/tree/main/apollo-client/v3/testing-react-components?file=/src/dog.test.js)
+<a href="https://codesandbox.io/s/github/apollographql/docs-examples/tree/main/apollo-client/v3/testing-react-components?file=/src/dog.test.js">
+  <img
+    src="https://codesandbox.io/static/img/play-codesandbox.svg"
+    width="12em"
+    alt="Edit Testing React Components"
+    style="display: inline;"
+    noZoom
+  />
+</a>