From c2d217b7d69cc0aed51ab9fdb40e15c5f44f5c03 Mon Sep 17 00:00:00 2001
From: "[dyad]" <git@dyad.sh>
Date: Tue, 20 Jan 2026 14:41:58 +0100
Subject: [PATCH] [dyad] Made keyword count more prominent - wrote 1 file(s)

---
 src/components/meta-form.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/meta-form.tsx b/src/components/meta-form.tsx
index b24fac7..fcef515 100644
--- a/src/components/meta-form.tsx
+++ b/src/components/meta-form.tsx
@@ -393,18 +393,20 @@ export function MetaForm() {
                       typeof metaData.keywordCount === "number" && (
                         <div>
                           <h3 className="font-semibold text-card-foreground">
-                            Keyword: "{metaData.keyword}"
+                            Keyword Density
                           </h3>
                           <p className="text-sm text-muted-foreground mt-1 mb-2">
-                            The number of times this keyword appears on the
+                            The keyword "{metaData.keyword}" appears on the
                             page.
                           </p>
-                          <div className="text-foreground bg-muted p-3 rounded-md min-h-[40px] flex items-center">
-                            <span className="font-mono text-2xl font-bold">
+                          <div className="bg-primary/10 border border-primary/20 p-4 rounded-lg flex items-baseline gap-3">
+                            <span className="font-mono text-4xl font-bold text-primary">
                               {metaData.keywordCount}
                             </span>
-                            <span className="ml-2 text-muted-foreground">
-                              occurrences
+                            <span className="text-muted-foreground font-medium">
+                              {metaData.keywordCount === 1
+                                ? "occurrence"
+                                : "occurrences"}
                             </span>
                           </div>
                         </div>