Revert padding changes in settings layout

This doesn't work nicely with the header layout

Author: hugosaintemarie

resources/js/layouts/settings/layout.tsx

@@ -27,12 +27,12 @@ export default function SettingsLayout({ children }: { children: React.ReactNode
     const currentPath = window.location.pathname;
 
     return (
-        <div className="p-6 md:px-12">
+        <div className="px-4 py-6">
             <Heading title="Settings" description="Manage your profile and account settings" />
 
             <div className="flex flex-col space-y-8 lg:flex-row lg:space-y-0 lg:space-x-12">
                 <aside className="w-full max-w-xl lg:w-48">
-                    <nav className="flex flex-col space-y-1 space-x-0 md:-mx-3">
+                    <nav className="flex flex-col space-y-1 space-x-0">
                         {sidebarNavItems.map((item) => (
                             <Button
                                 key={item.url}