diff --git a/resume-builder-ui/src/__tests__/AIResumePromptsHub.test.tsx b/resume-builder-ui/src/__tests__/AIResumePromptsHub.test.tsx
index ee4201c2..62e07887 100644
--- a/resume-builder-ui/src/__tests__/AIResumePromptsHub.test.tsx
+++ b/resume-builder-ui/src/__tests__/AIResumePromptsHub.test.tsx
@@ -150,7 +150,7 @@ describe("AIResumePromptsHub", () => {
       ).toBeInTheDocument();
     });
 
-    expect(container.querySelectorAll("pre code")).toHaveLength(5);
+    expect(screen.getAllByRole("heading", { level: 4, name: "Prompt" })).toHaveLength(5);
     expect(
       screen.getByRole("table", {
         name: /AI resume privacy controls by provider/i,
diff --git a/resume-builder-ui/src/components/blog/AIResumePromptsHub.tsx b/resume-builder-ui/src/components/blog/AIResumePromptsHub.tsx
index 034966db..57ff4445 100644
--- a/resume-builder-ui/src/components/blog/AIResumePromptsHub.tsx
+++ b/resume-builder-ui/src/components/blog/AIResumePromptsHub.tsx
@@ -1,5 +1,6 @@
 import { Link } from "react-router-dom";
 import BlogLayout from "../BlogLayout";
+import CopyablePrompt from "../shared/CopyablePrompt";
 import RevealSection from "../shared/RevealSection";
 
 const REVIEW_DATE = "2026-05-25";
@@ -569,9 +570,11 @@ export default function AIResumePromptsHub() {
                   <article key={step.title} className="bg-white rounded-2xl p-6 md:p-8 shadow-premium card-gradient-border">
                     <h3 className="font-display text-xl font-bold text-ink">{step.title}</h3>
                     <p className="mt-3 text-stone-warm leading-relaxed">{step.description}</p>
-                    <pre className="mt-4 bg-ink text-white/90 rounded-xl p-4 md:p-6 text-sm leading-relaxed overflow-x-auto">
-                      <code>{step.code}</code>
-                    </pre>
+                    <div className="mt-4 not-prose">
+                      <CopyablePrompt title="Prompt" copyText={step.code}>
+                        <code className="whitespace-pre-wrap">{step.code}</code>
+                      </CopyablePrompt>
+                    </div>
                   </article>
                 ))}
               </div>
diff --git a/resume-builder-ui/src/components/blog/BestFreeResumeBuilders2026.tsx b/resume-builder-ui/src/components/blog/BestFreeResumeBuilders2026.tsx
index c64ebcaf..806e729e 100644
--- a/resume-builder-ui/src/components/blog/BestFreeResumeBuilders2026.tsx
+++ b/resume-builder-ui/src/components/blog/BestFreeResumeBuilders2026.tsx
@@ -603,7 +603,7 @@ export default function BestFreeResumeBuilders2026() {
                 {i + 1}
               </div>
               <div>
-                <h3 className="font-bold text-ink mb-1">{rec.scenario}</h3>
+                <p className="font-bold text-ink mb-1">{rec.scenario}</p>
                 <p className="text-stone-warm">
                   <strong>Pick: </strong>
                   {rec.link ? (