diff --git a/res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss b/res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss
index 4b6da57192..a4e4eccd21 100644
--- a/res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss
+++ b/res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss
@@ -14,25 +14,22 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_AppearanceUserSettingsTab .mx_Field {
-    width: 256px;
-}
-
 .mx_AppearanceUserSettingsTab {
     > .mx_SettingsTab_SubHeading {
-        margin-bottom: 32px;
-        margin-top: 12px;
-    }
-}
-
-.mx_AppearanceUserSettingsTab_Advanced {
-    color: $primary-content;
-
-    > * {
-        margin-bottom: 16px;
-    }
-
-    .mx_AppearanceUserSettingsTab_systemFont {
-        margin-left: calc($font-16px + 10px);
+        margin-block: $spacing-12 $spacing-32;
+    }
+
+    .mx_Field {
+        width: 256px;
+    }
+
+    .mx_AppearanceUserSettingsTab_Advanced {
+        .mx_Checkbox {
+            margin-block: $spacing-16;
+        }
+
+        .mx_AppearanceUserSettingsTab_systemFont {
+            margin-inline-start: calc($font-16px + 10px);
+        }
     }
 }