From d70d9743667caeaeed8303810fa5bbc2eb016991 Mon Sep 17 00:00:00 2001
From: rushabhcodes <mail@rushabh.dev>
Date: Tue, 4 Nov 2025 03:02:40 +0530
Subject: [PATCH] fix: wrap CircuitPreview components in board tags for proper
 rendering

---
 .../what-are-electronics-made-of.mdx          | 28 +++++++++++--------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/docs/building-electronics/what-are-electronics-made-of.mdx b/docs/building-electronics/what-are-electronics-made-of.mdx
index cd5cadf..b5a1d8a 100644
--- a/docs/building-electronics/what-are-electronics-made-of.mdx
+++ b/docs/building-electronics/what-are-electronics-made-of.mdx
@@ -86,15 +86,17 @@ pins are called "surface-mount" chips.
 <CircuitPreview defaultView="pcb" code={`
 
 export default () => (
-  <footprint>
-    <platedhole
-      shape="circle"
-      x="5mm"
-      y="2.4mm"
-      holeDiameter="0.25mm"
-      outerDiameter="0.35mm"
-    />
-  </footprint>
+  <board width="2mm" height="2mm">
+    <footprint>
+      <platedhole
+        shape="circle"
+        x="5mm"
+        y="2.4mm"
+        holeDiameter="0.25mm"
+        outerDiameter="0.35mm"
+      />
+    </footprint>
+  </board>
 )
 
 `} />
@@ -108,9 +110,11 @@ can be very helpful for mounting the printed circuit board.
 <CircuitPreview defaultView="pcb" code={`
 
 export default () => (
-  <footprint>
-    <hole diameter="1mm" />
-  </footprint>
+  <board width="2mm" height="2mm">
+    <footprint>
+      <hole diameter="1mm" />
+    </footprint>
+  </board>
 )
 
 `} />