center the settings relative to the sidebar

app/views/profile/index.html.erb

@@ -1,6 +1,6 @@
-<div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0 md:space-x-16">
+<div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
-  <div class="flex-grow max-w-xl">
+  <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-4xl font-bold mb-4">Profile</h1>
     <%= form_for @user, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>
       <div class="grid md:grid-cols-2 gap-4">
@@ -18,4 +18,5 @@
       </div>
     <% end %>
   </div>
+  <div class="w-0 md:w-52"></div>
 </div>