diff --git a/button/internal/_shared.scss b/button/internal/_shared.scss index 861be9bbf49..df2dccbe917 100644 --- a/button/internal/_shared.scss +++ b/button/internal/_shared.scss @@ -16,11 +16,13 @@ cursor: pointer; display: inline-flex; height: var(--_container-height); + min-width: 64px; outline: none; font-family: var(--_label-text-font); font-size: var(--_label-text-size); line-height: var(--_label-text-line-height); font-weight: var(--_label-text-weight); + user-select: none; -webkit-tap-highlight-color: transparent; // Override vertical-align with shortest value "top". Vertical-align's // default "baseline" value causes buttons to be misaligned next to each @@ -63,15 +65,13 @@ align-items: center; justify-content: center; box-sizing: border-box; - min-inline-size: 64px; border: none; outline: none; - user-select: none; -webkit-appearance: none; vertical-align: middle; background: transparent; text-decoration: none; - inline-size: 100%; + width: 100%; position: relative; z-index: 0; // Place content on top of elevation and ripple height: 100%;