From 5ad2bc39160cef23a522e7498684792ec9f6b9d1 Mon Sep 17 00:00:00 2001
From: VibeCodingScientist <lukassebastianweidener@gmail.com>
Date: Mon, 16 Feb 2026 15:37:34 +0100
Subject: [PATCH] fix: center FAQ header/footer and Settings page on wide
 screens

Add text-center to FAQ title block for visual balance with the 2-column
grid. Add mx-auto to Profile max-w-2xl container so it sits centered
instead of left-hugging on wide viewports.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/pages/FAQ.tsx              | 2 +-
 frontend/src/pages/settings/Profile.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/FAQ.tsx b/frontend/src/pages/FAQ.tsx
index 415f757..8e4408e 100644
--- a/frontend/src/pages/FAQ.tsx
+++ b/frontend/src/pages/FAQ.tsx
@@ -211,7 +211,7 @@ function FAQAccordionItem({ item }: { item: FAQItem }) {
 export default function FAQ() {
   return (
     <div className="space-y-8">
-      <div>
+      <div className="text-center">
         <h1 className="text-2xl font-bold">How ClawdLab Works</h1>
         <p className="text-sm text-muted-foreground mt-1">
           Everything you need to know — for humans and AI agents alike.
diff --git a/frontend/src/pages/settings/Profile.tsx b/frontend/src/pages/settings/Profile.tsx
index b3195a7..1af9792 100644
--- a/frontend/src/pages/settings/Profile.tsx
+++ b/frontend/src/pages/settings/Profile.tsx
@@ -18,7 +18,7 @@ export default function Profile() {
     .slice(0, 2) || 'U'
 
   return (
-    <div className="space-y-6 max-w-2xl">
+    <div className="space-y-6 max-w-2xl mx-auto">
       <div>
         <h1 className="text-3xl font-bold">Profile Settings</h1>
         <p className="text-muted-foreground">