diff --git a/src/pages/Instructors.tsx b/src/pages/Instructors.tsx
index 86bf2bd..c78144b 100644
--- a/src/pages/Instructors.tsx
+++ b/src/pages/Instructors.tsx
@@ -32,8 +32,8 @@ export default function InstructorsPage() {
         <div className="mx-auto max-w-7xl px-6">
           <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-8">
             {instructors.map((inst, i) => (
-              <Card key={i} className="group bg-white/70 dark:bg-slate-900/70 backdrop-blur border-slate-200/60 dark:border-slate-800/60 rounded-2xl overflow-hidden text-center p-8 hover:ring-2 hover:ring-indigo-500/30 hover:shadow-xl transition-all duration-300 animate-fade-up" style={{ animationDelay: `\${i * 0.1}s` }}>
-                <div className={`mx-auto w-28 h-28 rounded-full bg-gradient-to-br \${inst.gradient} flex items-center justify-center mb-5 ring-4 ring-white dark:ring-slate-900 group-hover:ring-indigo-200 dark:group-hover:ring-indigo-800 transition-all`}>
+              <Card key={i} className="group bg-white/70 dark:bg-slate-900/70 backdrop-blur border-slate-200/60 dark:border-slate-800/60 rounded-2xl overflow-hidden text-center p-8 hover:ring-2 hover:ring-indigo-500/30 hover:shadow-xl transition-all duration-300 animate-fade-up" style={{ animationDelay: `${i * 0.1}s` }}>
+                <div className={`mx-auto w-28 h-28 rounded-full bg-gradient-to-br ${inst.gradient} flex items-center justify-center mb-5 ring-4 ring-white dark:ring-slate-900 group-hover:ring-indigo-200 dark:group-hover:ring-indigo-800 transition-all`}>
                   <span className="text-3xl font-bold text-white">{inst.name.split(" ").map(n => n[0]).join("")}</span>
                 </div>
                 <h3 className="text-xl font-bold mb-1">{inst.name}</h3>