diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json
index d727a6c89..36d6935ec 100644
--- a/.codesandbox/ci.json
+++ b/.codesandbox/ci.json
@@ -25,4 +25,4 @@
     "/packages/docs/sandboxes/watermark-dockview"
   ],
   "node": "16"
-}
\ No newline at end of file
+}
diff --git a/packages/docs/docs/components/dockview.mdx b/packages/docs/docs/components/dockview.mdx
index 3e9910d0e..4b01b318d 100644
--- a/packages/docs/docs/components/dockview.mdx
+++ b/packages/docs/docs/components/dockview.mdx
@@ -720,4 +720,7 @@ The core library is published as an independant package under the name `dockview
 > When using `dockview` there is no need to also install `dockview-core`.
 > `dockview-core` is a dependency of `dockview` and automatically installed during the installation process of `dockview` via `npm install dockview`.
 
-<Container injectVanillaJS={attachDockviewVanilla} />
+<Container
+    sandboxId="vanilla-dockview"
+    injectVanillaJS={attachDockviewVanilla}
+/>
diff --git a/packages/docs/sandboxes/vanilla-dockview/src/app.ts b/packages/docs/sandboxes/vanilla-dockview/src/app.ts
index 79479e1ae..f1dc31cd6 100644
--- a/packages/docs/sandboxes/vanilla-dockview/src/app.ts
+++ b/packages/docs/sandboxes/vanilla-dockview/src/app.ts
@@ -2,7 +2,7 @@ import {
     DockviewComponent,
     IContentRenderer,
     IGroupPanelInitParameters,
-} from 'dockview';
+} from 'dockview-core';
 
 class DefaultPanel implements IContentRenderer {
     private _element: HTMLElement;
diff --git a/packages/docs/sandboxes/vanilla-dockview/src/index.ts b/packages/docs/sandboxes/vanilla-dockview/src/index.ts
index a1bf270a5..249b56017 100644
--- a/packages/docs/sandboxes/vanilla-dockview/src/index.ts
+++ b/packages/docs/sandboxes/vanilla-dockview/src/index.ts
@@ -1,5 +1,5 @@
 import './styles.css';
-import 'dockview/dist/styles/dockview.css';
+import 'dockview-core/dist/styles/dockview.css';
 
 import { attach } from './app';