diff --git a/apps/docs/content/docs/layout/container.mdx b/apps/docs/content/docs/layout/container.mdx
index 02d4f5712..472953b64 100644
--- a/apps/docs/content/docs/layout/container.mdx
+++ b/apps/docs/content/docs/layout/container.mdx
@@ -14,6 +14,8 @@ import { Container, Row, Col } from '@nextui-org/react';
 
 <CarbonAd />
 
+<Spacer y={2} />
+
 <Playground
   title="Default"
   desc="Container which sets a `max-width` and a default `gap` at each responsive breakpoint"
diff --git a/apps/docs/content/docs/layout/grid.mdx b/apps/docs/content/docs/layout/grid.mdx
index 368a0a73c..2544a9d74 100644
--- a/apps/docs/content/docs/layout/grid.mdx
+++ b/apps/docs/content/docs/layout/grid.mdx
@@ -14,6 +14,8 @@ import { Grid } from '@nextui-org/react';
 
 <CarbonAd />
 
+<Spacer y={2} />
+
 <Playground
   title="Default"
   desc="Dynamically scale container width while maintaining spacing."
diff --git a/apps/docs/content/docs/layout/spacer.mdx b/apps/docs/content/docs/layout/spacer.mdx
index cd1207e8c..fa464f31a 100644
--- a/apps/docs/content/docs/layout/spacer.mdx
+++ b/apps/docs/content/docs/layout/spacer.mdx
@@ -14,6 +14,8 @@ import { Spacer } from '@nextui-org/react';
 
 <CarbonAd />
 
+<Spacer y={2} />
+
 <Playground
   title="Vertical"
   code={`