diff --git a/content/en/showcase/_index.md b/content/en/showcase/_index.md
index e076e75..abcec7b 100644
--- a/content/en/showcase/_index.md
+++ b/content/en/showcase/_index.md
@@ -37,7 +37,7 @@ and other [CNCF technologies](https://www.cncf.io/projects/) in the past year
 
 {{% cards "customer_success_stories" %}}
 
-<div class="text-center my-5">
+<div class="text-center my-4">
 <a class="btn btn-secondary"
     href="{{< param url_use_grpc >}}"
     target="_blank"
diff --git a/layouts/shortcodes/cards.html b/layouts/shortcodes/cards.html
index 6b37f1d..98aec03 100644
--- a/layouts/shortcodes/cards.html
+++ b/layouts/shortcodes/cards.html
@@ -8,8 +8,9 @@
 
 */ -}}
 {{ $card_info := index .Page.Params (.Get 0) -}}
+{{ $styling := (.Get 1) | default "mt-4 mb-4" -}}
 
-<div class="mt-5 row justify-content-center">
+<div class="row justify-content-center {{ $styling }}">
 
 {{ range $card_info -}}
 <div class="col-9 col-lg-4 pb-4 pb-lg-0">
@@ -19,11 +20,11 @@
 <div class="h4 card-title">
 
   {{/* The blank line above ensures the following is processed as markdown */}}
-  {{ .title }}
+  {{ .title | safeHTML }}
 </div>
 
 {{/* The blank line above ensures the following is processed as markdown */}}
-{{ .desc }}
+{{ .desc | safeHTML }}
 
 </div>
 </div>