diff --git a/src/pages/DoctorDetail.tsx b/src/pages/DoctorDetail.tsx
index 597309f..5046a87 100644
--- a/src/pages/DoctorDetail.tsx
+++ b/src/pages/DoctorDetail.tsx
@@ -53,7 +53,7 @@ export default function DoctorDetailPage() {
   const handleBook = async () => {
     try {
       await bookDoctor({ doctor: doc.name, specialty: doc.specialty });
-      toast.success(`Appointment request sent for \${doc.name}`, {
+      toast.success(`Appointment request sent for ${doc.name}`, {
         description: "Our scheduling team will contact you within 24 hours to confirm.",
       });
     } catch {
@@ -73,7 +73,7 @@ export default function DoctorDetailPage() {
 
           {/* ── PROFILE HEADER ── */}
           <div className="flex flex-col sm:flex-row items-center sm:items-start gap-6 mb-12 animate-fade-up">
-            <div className={`w-28 h-28 rounded-full bg-gradient-to-br \${doc.gradient} flex items-center justify-center text-white text-3xl font-bold ring-4 ring-sky-200/30 dark:ring-sky-800/30`}>
+            <div className={`w-28 h-28 rounded-full bg-gradient-to-br ${doc.gradient} flex items-center justify-center text-white text-3xl font-bold ring-4 ring-sky-200/30 dark:ring-sky-800/30`}>
               {doc.name.split(" ").slice(-2).map((n: string) => n[0]).join("")}
             </div>
             <div className="text-center sm:text-left">
@@ -136,7 +136,7 @@ export default function DoctorDetailPage() {
           {/* ── BOOK CTA ── */}
           <div className="text-center mb-16 animate-fade-up">
             <Button size="lg" disabled={booking} className="rounded-full px-12 bg-sky-500 hover:bg-sky-600 text-white shadow-lg shadow-sky-500/20 active:scale-[0.97] transition-all" onClick={handleBook}>
-              {booking ? "Sending..." : `Book with \${doc.name}`}
+              {booking ? "Sending..." : `Book with ${doc.name}`}
             </Button>
           </div>