diff --git a/demo/partials/overlays.html b/demo/partials/overlays.html
index 11bf378..cc23de0 100644
--- a/demo/partials/overlays.html
+++ b/demo/partials/overlays.html
@@ -4,7 +4,7 @@
 
   <h3>Dropdown toggle</h3>
   <div class="dropdown" data-overlays-dropdown>
-    <button class="btn btn-secondary" type="button" data-dropdown-toggle aria-expanded="false">
+    <button class="btn btn-sm btn-secondary" type="button" data-dropdown-toggle aria-expanded="false">
       Overlays dropdown
       <i class="ph ph-caret-down"></i>
     </button>
@@ -16,7 +16,7 @@
 
   <h3>Tooltip toggle</h3>
   <span class="tooltip" data-placement="top" data-overlays-tooltip>
-    <button class="tooltip-trigger btn btn-secondary" type="button" data-tooltip-toggle>Toggle tooltip</button>
+    <button class="tooltip-trigger btn btn-sm btn-secondary" type="button" data-tooltip-toggle>Toggle tooltip</button>
     <span class="tooltip-content">Overlay-managed tooltip</span>
   </span>
 </section>
diff --git a/tests/demo-screenshot.spec.js b/tests/demo-screenshot.spec.js
index ef7a73a..7496a0c 100644
--- a/tests/demo-screenshot.spec.js
+++ b/tests/demo-screenshot.spec.js
@@ -23,6 +23,7 @@
   { name: "popover", label: "Popover" },
   { name: "dropdowns", label: "Dropdowns" },
   { name: "tooltips", label: "Tooltips" },
+  { name: "overlays", label: "Overlays" },
   { name: "confirm-dialog", label: "Confirm Dialog" },
   { name: "input-group", label: "Input Group" },
   { name: "data-patterns", label: "Data patterns" },