diff --git a/src/app/calendar/manage/ProjectCardSection.tsx b/src/app/calendar/manage/ProjectCardSection.tsx
index 38b7f7f..09cdf01 100644
--- a/src/app/calendar/manage/ProjectCardSection.tsx
+++ b/src/app/calendar/manage/ProjectCardSection.tsx
@@ -27,7 +27,7 @@ export default function ProjectCardCalendarManageSection({ projectData }: Projec
   const [currentProjectId, setCurrentProjectId] = useState<number | undefined>(undefined);
 
   return (
-    <div id="content" className="grid grid-cols-2 space-x-2">
+    <div id="content" className="grid grid-cols-1 md:grid-cols-2 space-x-2">
       {projectData != null ? (
         projectData.map((project) => (
           <Card key={project.id} className="mb-3">