diff --git a/templates/components/close_shift_button.rs.html b/templates/components/close_shift_button.rs.html
index b88cd90..5820a6d 100644
--- a/templates/components/close_shift_button.rs.html
+++ b/templates/components/close_shift_button.rs.html
@@ -2,6 +2,6 @@
 
 @(open_shift: &Shift)
 
-<button hx-post="/api/shifts/@open_shift.id/close" hx-swap="outerHTML" hx-target="body" type="button">
+<button hx-post="/api/shifts/@open_shift.id/close" hx-swap="outerHTML" hx-target="body" type="button" class="focus:outline-none text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2">
   Close Shift
 </button>
diff --git a/templates/components/home_fragment.rs.html b/templates/components/home_fragment.rs.html
index 26ea4a2..77b7f68 100644
--- a/templates/components/home_fragment.rs.html
+++ b/templates/components/home_fragment.rs.html
@@ -9,13 +9,13 @@
   </div>
   @if open_shift.is_some() {
   <div hx-boost="true" class="flex justify-center items-center">
-    <a href="/shifts/@open_shift.unwrap().id/drinks">
+    <a href="/shifts/@open_shift.unwrap().id/drinks" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 " >
       <button type="button">Drinks</button>
     </a>
   </div>
   }
   <div hx-boost="true" class="flex justify-center items-center">
-    <a href="/management">
+    <a href="/management" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 ">
       <button type="button">Management</button>
     </a>
   </div>
diff --git a/templates/components/open_shift_button.rs.html b/templates/components/open_shift_button.rs.html
index e87bffa..9fb3e12 100644
--- a/templates/components/open_shift_button.rs.html
+++ b/templates/components/open_shift_button.rs.html
@@ -1,5 +1,5 @@
 @()
 
-<button hx-post="/api/shifts/open" hx-swap="outerHTML" hx-target="body" type="button">
+<button hx-post="/api/shifts/open" hx-swap="outerHTML" hx-target="body" type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 ">
   Open Shift
 </button>