diff --git a/web/src/pages/Issues/ListOfOrgs/ProjectCard.jsx b/web/src/pages/Issues/ListOfOrgs/ProjectCard.jsx
index fbbe0c5..84d9cf1 100644
--- a/web/src/pages/Issues/ListOfOrgs/ProjectCard.jsx
+++ b/web/src/pages/Issues/ListOfOrgs/ProjectCard.jsx
@@ -39,7 +39,7 @@ const ProjectCard = ({
   ));
 
   return (
-    <div className="flex self-auto flex-col h-full max-w-sm border rounded-lg shadow bg-gray-800 border-gray-700">
+    <div className="flex self-auto flex-col h-full w-96 border rounded-lg shadow bg-gray-800 border-gray-700">
       <a href={projectLink}>
         <img
           rel="preload"
diff --git a/web/src/pages/Issues/ProjectList.jsx b/web/src/pages/Issues/ProjectList.jsx
index 928b667..033ec26 100644
--- a/web/src/pages/Issues/ProjectList.jsx
+++ b/web/src/pages/Issues/ProjectList.jsx
@@ -6,7 +6,7 @@ import ProjectCard from "./ListOfOrgs/ProjectCard";
 const ProjectList = () => {
   return (
     <div className="mx-auto min-h-screen max-w-screen-2xl p-4 md:p-8 2xl:p-10">
-      <div className="grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-4 xl:grid-cols-3 2xl:gap-7.5 bg-gradient-to-r from-gray-700 via-gray-900 to-black bg-animate items-center">
+      <div className="grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-4 xl:grid-cols-3 2xl:gap-7.5 bg-gradient-to-r from-gray-700 via-gray-900 to-black bg-animate place-items-center">
         {projectList.map((project, key) => {
           return (
             <ProjectCard