resources/js/layouts/admin/settings/layout.tsx

@@ -67,8 +67,10 @@ export default function SettingsLayout({ children }: PropsWithChildren) {
 
                 <Separator className="my-6 lg:hidden" />
 
-                <div className="flex-1">
-                    <section className="space-y-12">{children}</section>
+                <div className="flex-1 md:max-w-2xl">
+                    <section className="max-w-xl space-y-12">
+                        {children}
+                    </section>
                 </div>
             </div>
         </div>