From b0da0bd2daa4bf5d38bc899f5169976b05093d9b Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Wed, 21 Feb 2024 14:31:44 -0800
Subject: [PATCH] fix: layout

---
 src/_includes/partials/now/playing.liquid                    | 4 +---
 .../2024/building-a-bespoke-now-playing-web-component.md     | 5 +----
 2 files changed, 2 insertions(+), 7 deletions(-)

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 %}