diff --git a/src/app/admin/students/page.tsx b/src/app/admin/students/page.tsx
index 939a074..f9a4cc0 100644
--- a/src/app/admin/students/page.tsx
+++ b/src/app/admin/students/page.tsx
@@ -317,8 +317,8 @@ export default function StudentsPage() {
                         <span className="text-xs font-semibold">{s.is_active !== false ? 'Enabled' : 'Disabled'}</span>
                         <div 
                           onClick={() => handleToggleActive(s.id)}
-                          className={h-5 w-9 rounded-full relative cursor-pointer transition-colors }>
-                          <div className={bsolute top-0.5 size-4 rounded-full transition-all }></div>
+                          className={`h-5 w-9 rounded-full relative cursor-pointer transition-colors ${s.is_active !== false ? 'bg-green-500' : 'bg-secondary border border-border'}`}>
+                          <div className={`absolute top-0.5 size-4 rounded-full transition-all ${s.is_active !== false ? 'right-0.5 bg-white' : 'left-0.5 bg-muted-foreground'}`}></div>
                         </div>
                       </div>
                     </td>