diff --git a/templates/partials/brew_card.html b/templates/partials/brew_card.html
index 532f6d9..5622dfe 100644
--- a/templates/partials/brew_card.html
+++ b/templates/partials/brew_card.html
@@ -1,6 +1,6 @@
 {% import "partials/icons.html" as icons %}
 {% macro card(brew, is_authenticated) %}
-<div class="relative w-[45vw] md:w-[200px] h-[279px] shrink-0 snap-start rounded-lg border bg-surface p-4 flex flex-col">
+<a href="/brews/{{ brew.id }}" class="relative w-[45vw] md:w-[200px] h-[279px] shrink-0 snap-start rounded-lg border bg-surface p-4 flex flex-col transition hover:border-accent/40">
   <div class="h-[4.5rem] overflow-hidden">
     <span class="block font-semibold text-text truncate">{{ brew.roast_name }}</span>
     <p class="mt-0.5 text-sm text-text-muted truncate">{{ brew.roaster_name }}</p>
@@ -13,13 +13,13 @@
     {% if !brew.quick_notes.is_empty() %}<p class="truncate">{{ brew.quick_notes_label }}</p>{% endif %}
   </div>
   {% if is_authenticated %}
-  <div class="mt-3">
-    <a href="{{ brew.brew_again_url() }}"
-      class="inline-flex h-8 w-full items-center justify-center gap-1.5 rounded-md border px-2 text-sm font-medium text-accent transition hover:text-accent-hover hover:bg-surface-alt">
+  <div class="relative z-10 mt-3">
+    <span onclick="event.preventDefault(); window.location.href='{{ brew.brew_again_url() }}';"
+      class="inline-flex h-8 w-full items-center justify-center gap-1.5 rounded-md border px-2 text-sm font-medium text-accent transition hover:text-accent-hover hover:bg-surface-alt cursor-pointer">
       {{ icons::beaker("h-4 w-4") }}
       Brew Again
-    </a>
+    </span>
   </div>
   {% endif %}
-</div>
+</a>
 {% endmacro %}