diff --git a/client/pages/MentorshipPrograms.tsx b/client/pages/MentorshipPrograms.tsx
index eba5c353..3e103cc8 100644
--- a/client/pages/MentorshipPrograms.tsx
+++ b/client/pages/MentorshipPrograms.tsx
@@ -443,7 +443,7 @@ export default function MentorshipPrograms() {
               </p>
             </div>
 
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto">
+            <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto">
               {tracks.map((track, index) => {
                 const Icon = track.icon;
                 const isSelected = selectedTrack === index;