Commit a80d5f8cb4 for woocommerce
commit a80d5f8cb4ef5fbf37f2c02099b9418adaa84d6b
Author: Ahmed <ahmed.el.azzabi@automattic.com>
Date: Mon Nov 3 14:39:52 2025 +0100
Align Payment Settings header size with other tabs under WC Settings (#61671)
* Remove specific styling for &:has(.woocommerce-settings-payments-header__title)
* Remove align override and use the default
* Add changefile(s) from automation for the following project(s): woocommerce, woocommerce/client/admin
---------
Co-authored-by: github-actions <github-actions@github.com>
diff --git a/plugins/woocommerce/changelog/61671-fix-styling-payments-setting-page b/plugins/woocommerce/changelog/61671-fix-styling-payments-setting-page
new file mode 100644
index 0000000000..9228280d4a
--- /dev/null
+++ b/plugins/woocommerce/changelog/61671-fix-styling-payments-setting-page
@@ -0,0 +1,4 @@
+Significance: minor
+Type: fix
+
+Align Payment Settings header size with other tabs under WC Settings
\ No newline at end of file
diff --git a/plugins/woocommerce/client/admin/client/settings-payments/components/header/header.scss b/plugins/woocommerce/client/admin/client/settings-payments/components/header/header.scss
index 94d0afbaef..2309f42671 100644
--- a/plugins/woocommerce/client/admin/client/settings-payments/components/header/header.scss
+++ b/plugins/woocommerce/client/admin/client/settings-payments/components/header/header.scss
@@ -21,38 +21,6 @@
flex-basis: 100%;
}
- &:has(.woocommerce-settings-payments-header__title) {
- padding: $gap-large 2 * $gap-large;
-
- .woocommerce-layout__header-heading {
- height: initial;
- padding: 0;
- }
-
- .woocommerce-layout__header-wrapper {
- min-height: 40px;
- gap: $gap-smaller;
- }
-
- .woocommerce-settings-payments__back-button {
- + .woocommerce-layout__header-heading {
- font-size: 16px;
- font-style: normal;
- font-weight: 600;
- line-height: 24px;
- flex-basis: 50%;
- }
- }
-
- @media screen and ( max-width: $break-xlarge ) {
- padding: $gap-large;
- }
-
- @media screen and ( max-width: $break-medium ) {
- padding: $gap-large $gap;
- }
- }
-
&:has(.woocommerce-settings-payments-header__description) {
.woocommerce-layout__header-heading,
.woocommerce-settings-payments-header__title,
diff --git a/plugins/woocommerce/client/admin/client/settings-payments/settings-payments-main.scss b/plugins/woocommerce/client/admin/client/settings-payments/settings-payments-main.scss
index eb502589a1..65ad15f135 100644
--- a/plugins/woocommerce/client/admin/client/settings-payments/settings-payments-main.scss
+++ b/plugins/woocommerce/client/admin/client/settings-payments/settings-payments-main.scss
@@ -43,18 +43,6 @@
}
}
-// Align the nav tabs with the overall page spacings for page internal consistency,
-// although not cross settings pages consistency.
-body.woocommerce-settings-payments-tab {
- .nav-tab-wrapper {
- padding-left: $grid-unit-60;
-
- @media screen and (max-width: $break-xlarge) {
- padding-left: $grid-unit-30;
- }
- }
-}
-
.settings-payments-main__container {
margin: 0 -30px;
padding-bottom: 32px;