diff --git a/packages/app/src/Pages/SettingsPage.tsx b/packages/app/src/Pages/SettingsPage.tsx
index 9a1f6069f..4160ca7bd 100644
--- a/packages/app/src/Pages/SettingsPage.tsx
+++ b/packages/app/src/Pages/SettingsPage.tsx
@@ -16,12 +16,14 @@ export default function SettingsPage() {
   const navigate = useNavigate();
 
   return (
-    <div className="main-content">
-      <h2 onClick={() => navigate("/settings")} className="pointer">
-        <FormattedMessage {...messages.Settings} />
-      </h2>
+    <>
+      <div className="main-content p">
+        <h2 onClick={() => navigate("/settings")} className="pointer">
+          <FormattedMessage {...messages.Settings} />
+        </h2>
+      </div>
       <Outlet />
-    </div>
+    </>
   );
 }