diff --git a/src/components/ResourcesBySelector.tsx b/src/components/ResourcesBySelector.tsx
index 870f9d5c92ab784..76d883d777d0f51 100644
--- a/src/components/ResourcesBySelector.tsx
+++ b/src/components/ResourcesBySelector.tsx
@@ -81,7 +81,7 @@ export default function ResourcesBySelector({
 			)}
 
 			<div
-				className={`grid ${columns === 2 ? "grid-cols-2" : "grid-cols-3"} gap-4`}
+				className={`grid ${columns === 2 ? "md:grid-cols-2" : "md:grid-cols-3"} grid-cols-1 gap-4`}
 			>
 				{visibleResources.map((page) => {
 					const href =