diff --git a/exampleSite/content/shortcodes/button.en.md b/exampleSite/content/shortcodes/button.en.md
index 5a3c8f2f8f..f07c4b8e9c 100644
--- a/exampleSite/content/shortcodes/button.en.md
+++ b/exampleSite/content/shortcodes/button.en.md
@@ -115,6 +115,22 @@ Once the button is clicked, it opens another browser tab for the given URL.
 
 ### Icon
 
+#### Empty
+
+````go
+{{%/* button href="https://gohugo.io/" icon=" " %}}{{% /button */%}}
+````
+
+{{% button href="https://gohugo.io/" icon=" " %}}{{% /button %}}
+
+#### Only
+
+````go
+{{%/* button href="https://gohugo.io/" icon="download" %}}{{% /button */%}}
+````
+
+{{% button href="https://gohugo.io/" icon="download" %}}{{% /button %}}
+
 #### To the Left
 
 ````go
diff --git a/static/css/theme.css b/static/css/theme.css
index f15905e675..4e89228bf9 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -1365,6 +1365,10 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
     user-select: none;
 }
 
+.btn > a {
+    display: block;
+}
+
 .btn > :where(button) {
     -webkit-appearance: none;
     appearance: none;