From 4e51a36c1f51a4c3fadefea9395c39db1637429c Mon Sep 17 00:00:00 2001
From: 7w1 <noreply@sl.sable.moe>
Date: Tue, 10 Mar 2026 00:45:28 -0500
Subject: [PATCH] style fixes

---
 src/app/features/settings/about/About.tsx                  | 7 +++++++
 .../features/settings/notifications/SystemNotification.tsx | 6 ++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/app/features/settings/about/About.tsx b/src/app/features/settings/about/About.tsx
index f410d3b19..3ca6ae676 100644
--- a/src/app/features/settings/about/About.tsx
+++ b/src/app/features/settings/about/About.tsx
@@ -243,6 +243,13 @@ export function About({ requestClose }: AboutProps) {
                       </Button>
                     }
                   />
+                </SequenceCard>
+                <SequenceCard
+                  className={SequenceCardStyle}
+                  variant="SurfaceVariant"
+                  direction="Column"
+                  gap="400"
+                >
                   <SettingTile
                     title="Report an Issue"
                     description="Report a bug or request a feature on GitHub."
diff --git a/src/app/features/settings/notifications/SystemNotification.tsx b/src/app/features/settings/notifications/SystemNotification.tsx
index 659d3945d..3a3d47974 100644
--- a/src/app/features/settings/notifications/SystemNotification.tsx
+++ b/src/app/features/settings/notifications/SystemNotification.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-nested-ternary */
 import { useCallback, useEffect, useState } from 'react';
-import { Box, Text, Switch, Button, color, Spinner } from 'folds';
+import { Box, Text, Switch, Button, color, Spinner, config } from 'folds';
 import { IPusherRequest } from '$types/matrix-sdk';
 import { useAtom } from 'jotai';
 import { SequenceCard } from '$components/sequence-card';
@@ -315,7 +315,9 @@ export function SystemNotification() {
         <DeregisterAllPushersSetting />
       </SequenceCard>
 
-      <Text size="L400">Badges</Text>
+      <Text size="L400" style={{ paddingTop: config.space.S700 }}>
+        Badges
+      </Text>
       <Text size="T300" style={{ opacity: 0.7 }}>
         {badgeBehaviourSummary()}
       </Text>