diff --git a/layouts/partials/shortcodes/cards.html b/layouts/partials/shortcodes/cards.html
new file mode 100644
index 00000000..b70ff7f6
--- /dev/null
+++ b/layouts/partials/shortcodes/cards.html
@@ -0,0 +1,6 @@
+{{- $cols := .cols | default 3 -}}
+{{- $content := .content -}}
+
+<div class="hextra-cards hx-mt-4 hx-gap-4 hx-grid not-prose" style="--hextra-cards-grid-cols: {{ $cols }};">
+  {{- $content -}}
+</div>
diff --git a/layouts/shortcodes/cards.html b/layouts/shortcodes/cards.html
index 46a58c6e..9230128c 100644
--- a/layouts/shortcodes/cards.html
+++ b/layouts/shortcodes/cards.html
@@ -1,5 +1,3 @@
 {{- $cols := .Get "cols" | default 3 -}}
 
-<div class="hextra-cards hx-mt-4 hx-gap-4 hx-grid not-prose" style="--hextra-cards-grid-cols: {{ $cols }};">
-  {{- .Inner -}}
-</div>
+{{- partial "shortcodes/cards" (dict "cols" $cols "content" .Inner) -}}