From 7a327a3303c99cf01d4808ceac2bd3db57358ea9 Mon Sep 17 00:00:00 2001 From: Shea Bunge Date: Wed, 4 Nov 2026 17:47:05 +1100 Subject: [PATCH 1/3] Remove sizing styles from small buttons. --- src/css/common/_wp-admin.scss | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/src/css/common/_wp-admin.scss b/src/css/common/_wp-admin.scss index 6e1408f82..915e5466e 100644 --- a/src/css/common/_wp-admin.scss +++ b/src/css/common/_wp-admin.scss @@ -98,17 +98,20 @@ body.wp-admin { .button:not(.button-primary, .button-link), .button-secondary, .page-title-action { - min-block-size: var(--cs-control-height); - padding-block: 0; - padding-inline: 12px; border-radius: var(--cs-control-radius); - line-height: 2.5715; - font-size: 14px; font-weight: 400; background: var(--cs-color-surface-subtle); border-color: var(--cs-color-accent); color: var(--cs-color-accent); + &:not(.button-small) { + font-size: 14px; + min-block-size: var(--cs-control-height); + padding-block: 0; + padding-inline: 12px; + line-height: 2.5715; + } + &:hover:not(:disabled) { background: var(--cs-color-surface-muted); border-color: var(--cs-color-accent-hover); From 70d325e66c24f43237c4f762f79c3dae5e13cc15 Mon Sep 17 00:00:00 2001 From: Shea Bunge Date: Wed, 4 Nov 2026 17:52:42 +1100 Subject: [PATCH 2/3] Also ensure that small primary buttons are small. --- src/css/common/_wp-admin.scss | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/src/css/common/_wp-admin.scss b/src/css/common/_wp-admin.scss index 915e5466e..de5d4c573 100644 --- a/src/css/common/_wp-admin.scss +++ b/src/css/common/_wp-admin.scss @@ -130,17 +130,20 @@ body.wp-admin { // matches the secondary rule's specificity so a `.button-small.button-primary` // keeps the token height instead of collapsing to the 26px small size. .button-primary:not(.button-link) { - min-block-size: var(--cs-control-height); - padding-block: 0; - padding-inline: 12px; border-radius: var(--cs-control-radius); - line-height: 2.5715; - font-size: 14px; font-weight: 700; background: var(--cs-color-accent); border-color: var(--cs-color-accent); color: #fff; + &:not(.button-small) { + min-block-size: var(--cs-control-height); + padding-block: 0; + padding-inline: 12px; + line-height: 2.5715; + font-size: 14px; + } + &:hover:not(:disabled) { background: var(--cs-color-accent-hover); border-color: var(--cs-color-accent-hover); From c477b3293f3dab9926354e4afbcc9e3e8c5c7950 Mon Sep 17 00:00:00 2001 From: Shea Bunge Date: Wed, 4 Nov 2026 17:55:43 +1100 Subject: [PATCH 3/3] Increase specificity of button-small styles. --- src/css/common/_wp-admin.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/css/common/_wp-admin.scss b/src/css/common/_wp-admin.scss index de5d4c573..374753697 100644 --- a/src/css/common/_wp-admin.scss +++ b/src/css/common/_wp-admin.scss @@ -159,7 +159,10 @@ body.wp-admin { } // Small buttons stay compact rather than inheriting the 40px control height. - .button-small { + .button-small, + .button.button-small, + .button-primary.button-small, + .button-secondary.button-small { min-block-size: 26px; line-height: 2.1818; font-size: 11px;