diff --git a/src/_includes/partials/card-blog.njk b/src/_includes/partials/card-blog.njk
index a7fc355..c1be10e 100644
--- a/src/_includes/partials/card-blog.njk
+++ b/src/_includes/partials/card-blog.njk
@@ -17,3 +17,7 @@
   {% endif %}
   <div slot="content" webc:nokeep>{{ item.data.description | markdownFormat | safe }}</div>
 </custom-card>
+
+{% css "inline" %}
+  {% include "css/custom-card.css" %}
+{% endcss %}
diff --git a/src/_includes/partials/card-tag.njk b/src/_includes/partials/card-tag.njk
index 6d25cbc..6332c3e 100644
--- a/src/_includes/partials/card-tag.njk
+++ b/src/_includes/partials/card-tag.njk
@@ -5,3 +5,7 @@
   <span slot="date"> {% include "partials/date.njk" %} </span>
   <p slot="content">{{ item.data.description }}</p>
 </custom-card>
+
+{% css "inline" %}
+  {% include "css/custom-card.css" %}
+{% endcss %}
diff --git a/src/_includes/webc/custom-card.webc b/src/_includes/webc/custom-card.webc
index 7748d26..9c64715 100644
--- a/src/_includes/webc/custom-card.webc
+++ b/src/_includes/webc/custom-card.webc
@@ -4,7 +4,4 @@
   <div class="meta | cluster"><slot name="date"></slot><slot name="tag"></slot></div>
   <slot name="content"></slot>
   <slot name="footer"></slot>
-
-  <!-- TODO: find out why is this not being hoisted into the webc css bundle?  -->
-  <link rel="stylesheet" href="/assets/css/components/custom-card.css" />
 </custom-card>
diff --git a/src/assets/css/components/custom-card.css b/src/assets/css/bundle/custom-card.css
similarity index 100%
rename from src/assets/css/components/custom-card.css
rename to src/assets/css/bundle/custom-card.css
diff --git a/src/pages/built-with.njk b/src/pages/built-with.njk
index 4b38df9..7f58372 100644
--- a/src/pages/built-with.njk
+++ b/src/pages/built-with.njk
@@ -55,3 +55,7 @@ widths: [400, 520]
 
   {% svg "divider/soft-bottom", null, "seperator" %}
 </article>
+
+{% css "inline" %}
+  {% include "css/custom-card.css" %}
+{% endcss %}