diff --git a/admin/new.docusaurus.io/functionUtils/playgroundUtils.ts b/admin/new.docusaurus.io/functionUtils/playgroundUtils.ts
index c5fdbdf2d7c0..5e7d5e804a8f 100644
--- a/admin/new.docusaurus.io/functionUtils/playgroundUtils.ts
+++ b/admin/new.docusaurus.io/functionUtils/playgroundUtils.ts
@@ -10,11 +10,8 @@ import type {HandlerEvent, HandlerResponse} from '@netlify/functions';
 const CookieName = 'DocusaurusPlaygroundName';
 
 const PlaygroundConfigs = {
-  // Do not use this one, see
-  // https://github.com/codesandbox/codesandbox-client/issues/5683#issuecomment-1023252459
-  // codesandbox: 'https://codesandbox.io/s/docusaurus',
   codesandbox:
-    'https://codesandbox.io/s/github/facebook/docusaurus/tree/main/examples/classic',
+    'https://codesandbox.io/p/sandbox/github/facebook/docusaurus/tree/main/examples/classic?file=%2FREADME.md',
 
   // Not updated
   // stackblitz: 'https://stackblitz.com/fork/docusaurus',
diff --git a/website/src/components/Playground/index.tsx b/website/src/components/Playground/index.tsx
index 7b3dddb4a664..fdd720404c0e 100644
--- a/website/src/components/Playground/index.tsx
+++ b/website/src/components/Playground/index.tsx
@@ -21,8 +21,9 @@ const Playgrounds = [
     url: 'https://docusaurus.new/codesandbox',
     description: (
       <Translate id="playground.codesandbox.description">
-        CodeSandbox is a popular playground solution. Runs Docusaurus in a
-        remote Docker container.
+        CodeSandbox is an online code editor and development environment that
+        allows developers to create, share and collaborate on web development
+        projects in a browser-based environment
       </Translate>
     ),
   },
diff --git a/website/static/img/playgrounds/codesandbox.png b/website/static/img/playgrounds/codesandbox.png
index ff2ae44044ad..b4a2a1dcac67 100644
Binary files a/website/static/img/playgrounds/codesandbox.png and b/website/static/img/playgrounds/codesandbox.png differ