From ad045c7974437fefabbb48e104463dd5e9f2a0ac Mon Sep 17 00:00:00 2001
From: Lauren Zugai <lauren@zugai.com>
Date: Fri, 23 Jan 2026 18:01:44 -0600
Subject: [PATCH] fix(css): Adjust split layout width

Because:
* Not having an explicit width on the split layout content is causing content sizing variations depending on how long the headline is

This commit:
* Adds an explicit width at desktop and above and moves padding/margin inward to better match the existing .card component

fixes FXA-12794
---
 packages/fxa-settings/src/components/AppLayout/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/fxa-settings/src/components/AppLayout/index.tsx b/packages/fxa-settings/src/components/AppLayout/index.tsx
index 38fb82cd542..75b4d938aaf 100644
--- a/packages/fxa-settings/src/components/AppLayout/index.tsx
+++ b/packages/fxa-settings/src/components/AppLayout/index.tsx
@@ -187,8 +187,8 @@ export const AppLayout = ({
               }
             />
             <div className="mobileLandscape:items-center tablet:flex-1 tablet:bg-white tablet:ml-auto flex flex-col flex-1">
-              <main className="py-8 px-6 tablet:px-10 mobileLandscape:py-9 flex justify-center items-center flex-1">
-                <section className="max-w-120">
+              <main className="flex justify-center items-center flex-1">
+                <section className="max-w-120 desktop:w-120 px-8 py-8">
                   {loading ? (
                     <LoadingSpinner className="h-full flex items-center" />
                   ) : (