diff --git a/templates/renderer_test.go b/templates/renderer_test.go
index 91c03220..be2795f9 100644
--- a/templates/renderer_test.go
+++ b/templates/renderer_test.go
@@ -140,6 +140,28 @@ func TestTopPicksTemplateDoesNotRenderRecommendationRationale(t *testing.T) {
 	}
 }
 
+func TestTopPicksTemplateStylesBackToHomeAsButton(t *testing.T) {
+	r, err := ProvideRenderer()
+	if err != nil {
+		t.Fatal(err)
+	}
+
+	var buf bytes.Buffer
+	err = r.ExecuteFragment(&buf, "top_picks.gohtml", "content", map[string]any{
+		"Animes":       []domain.Anime{},
+		"WatchlistMap": map[int64]bool{},
+	})
+	if err != nil {
+		t.Fatalf("ExecuteFragment error: %v", err)
+	}
+
+	body := buf.String()
+	want := `href="/" class="inline-flex h-10 items-center justify-center bg-background-button px-4 text-sm font-normal text-foreground transition-colors hover:bg-background-button-hover focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent"`
+	if !strings.Contains(body, want) {
+		t.Fatalf("top picks back link should use button styling:\n%s", body)
+	}
+}
+
 func TestAnimeEpisodeCountTemplateDoesNotRenderAvailabilityStatus(t *testing.T) {
 	r, err := ProvideRenderer()
 	if err != nil {
diff --git a/templates/top_picks.gohtml b/templates/top_picks.gohtml
index ec645e6f..a407ec66 100644
--- a/templates/top_picks.gohtml
+++ b/templates/top_picks.gohtml
@@ -5,7 +5,7 @@
     <div class="min-w-0">
       <h1 class="text-xl font-normal tracking-[-0.02em] text-foreground">Top Picks for You</h1>
     </div>
-    <a href="/" class="text-sm text-foreground-muted transition-colors hover:text-foreground">Back to Home</a>
+    <a href="/" class="inline-flex h-10 items-center justify-center bg-background-button px-4 text-sm font-normal text-foreground transition-colors hover:bg-background-button-hover focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">Back to Home</a>
   </div>
 
   {{if eq (len .Animes) 0}}