diff --git a/templates/bags.html b/templates/bags.html
index 397c95f..c859198 100644
--- a/templates/bags.html
+++ b/templates/bags.html
@@ -93,7 +93,7 @@
       <div class="flex justify-end gap-3">
         <button
           type="button"
-          class="rounded-md px-4 py-2 text-sm font-medium text-stone-600 hover:bg-stone-200/50"
+          class="rounded-md border border-amber-300 px-4 py-2 text-sm font-semibold text-stone-700 transition hover:border-amber-400 hover:text-stone-800"
           data-on:click="$_showForm = false"
         >
           Cancel
diff --git a/templates/brews.html b/templates/brews.html
index 4b7b637..f1b42ae 100644
--- a/templates/brews.html
+++ b/templates/brews.html
@@ -142,7 +142,7 @@
       <div class="flex justify-end gap-3">
         <button
           type="button"
-          class="rounded-md px-4 py-2 text-sm font-medium text-stone-600 hover:bg-stone-200/50"
+          class="rounded-md border border-amber-300 px-4 py-2 text-sm font-semibold text-stone-700 transition hover:border-amber-400 hover:text-stone-800"
           data-on:click="$_showForm = false"
         >
           Cancel
diff --git a/templates/gear.html b/templates/gear.html
index 8bbc06e..ad3c5e7 100644
--- a/templates/gear.html
+++ b/templates/gear.html
@@ -75,7 +75,7 @@
       <div class="flex justify-end gap-3">
         <button
           type="button"
-          class="rounded-md px-4 py-2 text-sm font-medium text-stone-600 hover:bg-stone-200/50"
+          class="rounded-md border border-amber-300 px-4 py-2 text-sm font-semibold text-stone-700 transition hover:border-amber-400 hover:text-stone-800"
           data-on:click="$_showForm = false"
         >
           Cancel