diff --git a/archon-ui-main/src/features/projects/components/ProjectList.tsx b/archon-ui-main/src/features/projects/components/ProjectList.tsx
index 8823414d..7b4b769e 100644
--- a/archon-ui-main/src/features/projects/components/ProjectList.tsx
+++ b/archon-ui-main/src/features/projects/components/ProjectList.tsx
@@ -98,18 +98,19 @@ export const ProjectList: React.FC<ProjectListProps> = ({
 
   return (
     <motion.div initial="hidden" animate="visible" className="relative mb-10" variants={itemVariants}>
-      <div className="overflow-x-auto overflow-y-visible pb-4 pt-2 pr-3 scrollbar-thin">
-        <ul className="flex gap-4 min-w-max pl-3" aria-label="Projects">
+      <div className="overflow-x-auto overflow-y-visible pb-4 pt-2 pr-6 md:pr-8 scrollbar-thin">
+        <ul className="flex gap-4 min-w-max pl-6 md:pl-8" aria-label="Projects">
           {sortedProjects.map((project) => (
-            <ProjectCard
-              key={project.id}
-              project={project}
-              isSelected={selectedProject?.id === project.id}
-              taskCounts={taskCounts[project.id] || { todo: 0, doing: 0, review: 0, done: 0 }}
-              onSelect={onProjectSelect}
-              onPin={onPinProject}
-              onDelete={onDeleteProject}
-            />
+            <li key={project.id}>
+              <ProjectCard
+                project={project}
+                isSelected={selectedProject?.id === project.id}
+                taskCounts={taskCounts[project.id] || { todo: 0, doing: 0, review: 0, done: 0 }}
+                onSelect={onProjectSelect}
+                onPin={onPinProject}
+                onDelete={onDeleteProject}
+              />
+            </li>
           ))}
         </ul>
       </div>