diff --git a/apps/web/src/app/(pages)/(dashboard)/companies/page.tsx b/apps/web/src/app/(pages)/(dashboard)/companies/page.tsx
index 56fb64f..2619a9e 100644
--- a/apps/web/src/app/(pages)/(dashboard)/companies/page.tsx
+++ b/apps/web/src/app/(pages)/(dashboard)/companies/page.tsx
@@ -20,7 +20,7 @@ export default async function Companies() {
   return (
     <>
       <SearchFilter />
-      <div className="mb-8 grid h-[75dvh] w-3/4 grid-cols-3 gap-4">
+      <div className="mb-8 grid h-[75dvh] w-3/4 grid-cols-1 gap-4 overflow-y-scroll md:grid-cols-2 lg:grid-cols-3">
         {roles.map((role) => {
           return (
             <RoleReviewCard key={role.id} roleObj={role} className="mb-4" />