diff --git a/js/about/preferences.js b/js/about/preferences.js
index dcea02ba4da..ec7333a0112 100644
--- a/js/about/preferences.js
+++ b/js/about/preferences.js
@@ -1516,12 +1516,10 @@ class ShieldsTab extends ImmutableComponent {
-
-
-
+
-
-
-
+
diff --git a/less/about/preferences.less b/less/about/preferences.less
index eaf48bf08e0..35db2e0e537 100644
--- a/less/about/preferences.less
+++ b/less/about/preferences.less
@@ -14,8 +14,9 @@ body {
}
#paymentsSwitches {
- margin-top: 15px;
- padding: 5px;
+ display: flex;
+ align-items: center;
+ min-height: 40px;
.enablePaymentsSwitch {
float: left;
diff --git a/less/button.less b/less/button.less
index 06326d1a4f8..1033d4e846c 100644
--- a/less/button.less
+++ b/less/button.less
@@ -157,34 +157,17 @@ span.buttonSeparator {
// for about:preferences
.prefBody {
- .browserButton {
- &.advancedSettings {
- font-size: 0.9em;
- }
+ .settingsList > .settingItem + button,
+ .settingItem > span + button {
+ font-size: 0.9em;
+ padding: 5px 20px;
+ }
- &.primaryButton {
- &.addFunds {
- margin-right: 50px;
- }
-
- &.clearBrowsingDataButton,
- &.importNowButton,
- &.setAsDefaultButton,
- &.manageAdblockSettings,
- &.viewExtensionsInfo,
- &.manageAutofillDataButton {
- font-size: 0.9em;
- margin-top: 20px;
- padding: 5px 20px;
- }
-
- &.importNowButton {
- margin-top: 5px;
- }
-
- &.setAsDefaultButton {
- margin-top: 5px;
- }
- }
+ .settingsList > .settingItem + button {
+ margin-top: 20px;
+ }
+
+ .settingItem > span + button {
+ margin-top: 5px;
}
}