diff --git a/src/ui/design-system/src/lib/Pages/HomePage/GrowSection.tsx b/src/ui/design-system/src/lib/Pages/HomePage/GrowSection.tsx
index 3ee7c352cb..b2546ec9e9 100644
--- a/src/ui/design-system/src/lib/Pages/HomePage/GrowSection.tsx
+++ b/src/ui/design-system/src/lib/Pages/HomePage/GrowSection.tsx
@@ -17,7 +17,7 @@ const GrowSection: React.FC = () => {
           <h2 className="text-2xl font-bold text-gray-900 dark:text-white m-0">Builder toolkit to start, grow, and win</h2>
         </div>
         
-        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
           {cards.map((card, idx) => (
             <a
               key={idx}
diff --git a/src/ui/design-system/src/lib/Pages/HomePage/ToolsSection.tsx b/src/ui/design-system/src/lib/Pages/HomePage/ToolsSection.tsx
index 78a96d19f8..36af991a77 100644
--- a/src/ui/design-system/src/lib/Pages/HomePage/ToolsSection.tsx
+++ b/src/ui/design-system/src/lib/Pages/HomePage/ToolsSection.tsx
@@ -17,7 +17,7 @@ const ToolsSection: React.FC = () => {
           <h2 className="text-2xl font-bold text-gray-900 dark:text-white m-0">Tools</h2>
         </div>
         
-        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
           {cards.map((card, idx) => (
             <a
               key={idx}