diff --git a/client/pages/MentorshipPrograms.tsx b/client/pages/MentorshipPrograms.tsx
index 685ac176..a2e59067 100644
--- a/client/pages/MentorshipPrograms.tsx
+++ b/client/pages/MentorshipPrograms.tsx
@@ -360,7 +360,7 @@ export default function MentorshipPrograms() {
               </p>
             </div>
 
-            <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 max-w-6xl mx-auto">
+            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-6 max-w-6xl mx-auto">
               {programs.map((program, index) => {
                 const Icon = program.icon;
                 return (