Style brackets.

app/views/federal_tax_brackets/_federal_tax_bracket.html.erb

@@ -1,9 +1,9 @@
 <%= turbo_frame_tag dom_id(federal_tax_bracket) do %>
-  <div class="flex flex-row">
+  <div class="grid grid-cols-6">
     <% attributes = federal_tax_bracket.tier, humanized_money_with_symbol(federal_tax_bracket.bottom_range), humanized_money_with_symbol(federal_tax_bracket.top_range), number_to_percentage(federal_tax_bracket.rate * 100, precision: 1), humanized_money_with_symbol(federal_tax_bracket.cumulative) %>
     <% attributes.each do |attribute| %>
-      <div class="mx-auto px-5 py-1"><%= attribute %></div>
+      <div class="py-1"><%= attribute %></div>
     <% end %>
-    <div class="mx-auto px-5 py-1"><%= link_to 'Edit', edit_federal_tax_bracket_path(federal_tax_bracket), class: "rounded-lg py-3 ml-2 px-5 bg-gray-100 inline-block font-medium" %></div>
+    <div class="py-1"><%= link_to 'Edit', edit_federal_tax_bracket_path(federal_tax_bracket), class: "rounded-lg py-3 ml-2 px-5 bg-gray-100 inline-block font-medium" %></div>
   </div>
 <% end %>

app/views/federal_tax_brackets/_index.html.erb

@@ -1,15 +1,15 @@
-<div class=" py-6 sm:px-6 lg:px-8">
-  <div class="grid grid-cols-6">
-    <% tax_headings = %w[Tier From To Rate Cumulative] %>
-    <% tax_headings.each do |tax_heading| %>
-      <div>
-        <strong><%= tax_heading %></strong>
-      </div>
-    <% end %>
-    <div> </div>
-  </div>
+<%= turbo_frame_tag :federal_tax_brackets do %>
+  <div class=" py-6 sm:px-6 lg:px-8">
+    <div class="grid grid-cols-6">
+      <% tax_headings = %w[Tier From To Rate Cumulative] %>
+      <% tax_headings.each do |tax_heading| %>
+        <div>
+          <strong><%= tax_heading %></strong>
+        </div>
+      <% end %>
+      <div> </div>
+    </div>
 
-  <%= turbo_frame_tag :federal_tax_brackets do %>
     <%= render @federal_tax_brackets %>
-  <% end %>
-</div>
+  </div>
+<% end %>