diff --git a/templates/components/home_fragment.rs.html b/templates/components/home_fragment.rs.html
index 32b062a..26ea4a2 100644
--- a/templates/components/home_fragment.rs.html
+++ b/templates/components/home_fragment.rs.html
@@ -3,18 +3,18 @@
 
 @(open_shift: Option<Shift>)
 
-<main>
-  <div>
+<main class="grid grid-rows-6 grid-cols-3 grid-flow-col h-full">
+  <div class="flex justify-center items-center">
     @:shift_button_html(open_shift.as_ref())
   </div>
   @if open_shift.is_some() {
-  <div hx-boost="true">
+  <div hx-boost="true" class="flex justify-center items-center">
     <a href="/shifts/@open_shift.unwrap().id/drinks">
       <button type="button">Drinks</button>
     </a>
   </div>
   }
-  <div hx-boost="true">
+  <div hx-boost="true" class="flex justify-center items-center">
     <a href="/management">
       <button type="button">Management</button>
     </a>
diff --git a/templates/components/management_fragment.rs.html b/templates/components/management_fragment.rs.html
index 4dafdc7..5ccf009 100644
--- a/templates/components/management_fragment.rs.html
+++ b/templates/components/management_fragment.rs.html
@@ -2,16 +2,16 @@
 
 @()
 
-<main>
+<main class="grid grid-rows-6 grid-cols-3 grid-flow-col h-full">
   <div class="fixed right-0 top-0 pr-4 pt-4">
     @:return_to_main_html()
   </div>
-  <div hx-boost="true">
+  <div hx-boost="true" class="flex justify-center items-center">
     <a href="/management/dancers">
       <button type="button">Dancers</button>
     </a>
   </div>
-  <div hx-boost="true">
+  <div hx-boost="true" class="flex justify-center items-center">
     <a href="/shift_reports">
       <button type="button">Shift Reports</button>
     </a>