diff --git a/docs/src/content/docs/guides/getting-started.mdx b/docs/src/content/docs/guides/getting-started.mdx
index 9c00fc3..71186f8 100644
--- a/docs/src/content/docs/guides/getting-started.mdx
+++ b/docs/src/content/docs/guides/getting-started.mdx
@@ -20,7 +20,9 @@ Treat it as a **stable alpha** product. Though the public APIs are stable, most
 For building advanced interactions, there is an in-progress work on smart diffing to prevent component children being wiped on interaction.
 </Aside>
 
-In the mean time, if you have some complex needs, we recommend using the `WebComponent` base class with a more mature rendering approach like `lit-html`... and here's a demo for that: [View on CodePen ↗](https://codepen.io/ayoayco-the-styleful/pen/ZEwNJBR?editors=1010).
+<Aside type="tip">
+If you have some complex needs, we recommend using the `WebComponent` base class with a more mature rendering approach like `lit-html`, and here's a demo for that: [View on CodePen](https://codepen.io/ayoayco-the-styleful/pen/ZEwNJBR?editors=1010).
+</Aside>
 
 ...or you can even [use just parts](/just-parts) of it for your own base class.