diff --git a/src/_includes/partials/now/playing.liquid b/src/_includes/partials/now/playing.liquid
index 473ce5f1..7c9ae4d2 100644
--- a/src/_includes/partials/now/playing.liquid
+++ b/src/_includes/partials/now/playing.liquid
@@ -1,4 +1,2 @@
 <script type="module" src="/assets/scripts/components/now-playing.js"></script>
-<div class="client-side" style="height:28px;margin-bottom:1rem">
-  <now-playing></now-playing>
-</div>
\ No newline at end of file
+<now-playing></now-playing>
\ No newline at end of file
diff --git a/src/posts/2024/building-a-bespoke-now-playing-web-component.md b/src/posts/2024/building-a-bespoke-now-playing-web-component.md
index 2f006f60..1637f66d 100644
--- a/src/posts/2024/building-a-bespoke-now-playing-web-component.md
+++ b/src/posts/2024/building-a-bespoke-now-playing-web-component.md
@@ -74,10 +74,7 @@ The component is then included via a `playing.liquid` template:
 {% raw %}
 ```liquid
 <script type="module" src="/assets/scripts/components/now-playing.js"></script>
-<!-- I'm just a div, here to prevent layout shifts -->
-<div class="client-side" style="height:28px;margin-bottom:1rem">
-  <now-playing></now-playing>
-</div>
+<now-playing></now-playing>
 ```
 {% endraw %}