diff --git a/docs/src/guide/getting-started.md b/docs/src/guide/getting-started.md
index f783ad1a..9a1d1853 100644
--- a/docs/src/guide/getting-started.md
+++ b/docs/src/guide/getting-started.md
@@ -30,7 +30,7 @@ Try out the sandbox starter templates for Vue Flow in JavaScript and TypeScript
 
 <div class="flex flex-col gap-4 md:flex-row md:gap-8">
   <a href="https://new.vueflow.dev/js" target="_blank" class="flex-1 !no-underline">
-    <div class="flex items-center gap-4 p-4 rounded-lg border-1 border-primary dark:bg-secondary">
+    <div class="flex items-center gap-4 p-4 rounded-lg shadow-md border-1 border-primary dark:bg-secondary">
       <LogosJavascript class="text-accent text-2xl" />
       <h3 class="!m-0 font-semibold">new.vueflow.dev/js</h3>
     </div>
diff --git a/docs/src/guide/index.md b/docs/src/guide/index.md
index ac97edff..3c6c71d8 100644
--- a/docs/src/guide/index.md
+++ b/docs/src/guide/index.md
@@ -39,7 +39,7 @@ Try out the sandbox starter templates for Vue Flow in JavaScript and TypeScript
 
 <div class="flex flex-col gap-4 md:flex-row md:gap-8">
   <a href="https://new.vueflow.dev/js" target="_blank" class="flex-1 !no-underline">
-    <div class="flex items-center gap-4 p-4 rounded-lg border-1 border-primary dark:bg-secondary">
+    <div class="flex items-center gap-4 p-4 rounded-lg shadow-md border-1 border-primary dark:bg-secondary">
       <LogosJavascript class="text-accent text-2xl" />
       <h3 class="!m-0 font-semibold">new.vueflow.dev/js</h3>
     </div>