diff --git a/core/src/components/button/button.scss b/core/src/components/button/button.scss
index 17fa564901..8e3853bc74 100644
--- a/core/src/components/button/button.scss
+++ b/core/src/components/button/button.scss
@@ -118,7 +118,7 @@
   @include margin(var(--margin-top), var(--margin-end), var(--margin-bottom), var(--margin-start));
   @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
 
-  display: inline-block;
+  display: block;
   position: relative;
 
   height: var(--height);
diff --git a/core/src/components/buttons/buttons.md.scss b/core/src/components/buttons/buttons.md.scss
index c7713da59a..85882b737d 100644
--- a/core/src/components/buttons/buttons.md.scss
+++ b/core/src/components/buttons/buttons.md.scss
@@ -4,10 +4,6 @@
 // Material Design Toolbar Button Default
 // --------------------------------------------------
 
-:host {
-  @include margin(0, 2px);
-}
-
 ::slotted(*) .button {
   --padding-top: 0;
   --padding-bottom: 0;
diff --git a/core/src/components/buttons/buttons.scss b/core/src/components/buttons/buttons.scss
index 832553439f..afc25b6872 100644
--- a/core/src/components/buttons/buttons.scss
+++ b/core/src/components/buttons/buttons.scss
@@ -25,6 +25,8 @@
   --padding-end: 0;
   --box-shadow: none;
 
+  @include margin-horizontal(2px, 2px);
+
   pointer-events: auto;
 }