diff --git a/themes/wc-eh-docs/layouts/shortcodes/info.html b/themes/wc-eh-docs/layouts/shortcodes/info.html
index d3d0bc818..f80dc6875 100644
--- a/themes/wc-eh-docs/layouts/shortcodes/info.html
+++ b/themes/wc-eh-docs/layouts/shortcodes/info.html
@@ -1,4 +1,4 @@
 <div class="card alert alert-info p-0 mb-3 notice">
   <div class="card-header"><i class="fa-solid fa-info-circle fa-lg me-2" aria-hidden="true"></i> Info</div>
-  <div class="card-body">{{ .Inner | markdownify }}</div>
-</div>
\ No newline at end of file
+  <div class="card-body">{{ .Page.RenderString .Inner }}</div>
+</div>
diff --git a/themes/wc-eh-docs/layouts/shortcodes/note.html b/themes/wc-eh-docs/layouts/shortcodes/note.html
index 15d8eb924..20197e48e 100644
--- a/themes/wc-eh-docs/layouts/shortcodes/note.html
+++ b/themes/wc-eh-docs/layouts/shortcodes/note.html
@@ -1,4 +1,4 @@
 <div class="alert alert-dark p-0 mb-3 card notice note">
   <div class="card-header"><i class="fa-solid fa-note-sticky fa-lg me-2" aria-hidden="true"></i> Note</div>
-  <div class="card-body">{{ .Inner | markdownify }}</div>
+  <div class="card-body">{{ .Page.RenderString .Inner }}</div>
 </div>
diff --git a/themes/wc-eh-docs/layouts/shortcodes/tip.html b/themes/wc-eh-docs/layouts/shortcodes/tip.html
index f2441b5bc..ae4511cd4 100644
--- a/themes/wc-eh-docs/layouts/shortcodes/tip.html
+++ b/themes/wc-eh-docs/layouts/shortcodes/tip.html
@@ -1,4 +1,4 @@
 <div class="alert alert-success p-0 mb-3 card notice tip">
   <div class="card-header"><i class="fa-solid fa-lightbulb fa-lg me-2" aria-hidden="true"></i> Tip</div>
-  <div class="card-body">{{ .Inner | markdownify }}</div>
+  <div class="card-body">{{ .Page.RenderString .Inner }}</div>
 </div>
diff --git a/themes/wc-eh-docs/layouts/shortcodes/warning.html b/themes/wc-eh-docs/layouts/shortcodes/warning.html
index 8d2d11668..ed1304a58 100644
--- a/themes/wc-eh-docs/layouts/shortcodes/warning.html
+++ b/themes/wc-eh-docs/layouts/shortcodes/warning.html
@@ -1,4 +1,4 @@
 <div class="alert alert-warning p-0 mb-3 card notice warning">
   <div class="card-header"><i class="fa-solid fa-exclamation-triangle fa-lg me-2" aria-hidden="true"></i> Warning</div>
-  <div class="card-body">{{ .Inner | markdownify }}</div>
+  <div class="card-body">{{ .Page.RenderString .Inner }}</div>
 </div>