From 868ebe1f78cfebaf2cd350ec54680960fb099aa6 Mon Sep 17 00:00:00 2001
From: Eric Fisher <110886313+ericfisherdev@users.noreply.github.com>
Date: Mon, 18 Aug 2025 10:14:25 -0500
Subject: [PATCH] Fix project cards horizontal scrollbar visibility (#295)

Addresses issue #293 by replacing hide-scrollbar with scrollbar-thin
class to ensure users can see and interact with the horizontal scrollbar
when project cards overflow.
---
 archon-ui-main/src/pages/ProjectPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/archon-ui-main/src/pages/ProjectPage.tsx b/archon-ui-main/src/pages/ProjectPage.tsx
index 09a740b4..fc3fd467 100644
--- a/archon-ui-main/src/pages/ProjectPage.tsx
+++ b/archon-ui-main/src/pages/ProjectPage.tsx
@@ -688,7 +688,7 @@ export function ProjectPage({
       {/* Project Cards - Horizontally Scrollable */}
       {!isLoadingProjects && !projectsError && (
         <motion.div className="relative mb-10" variants={itemVariants}>
-          <div className="overflow-x-auto pb-4 hide-scrollbar">
+          <div className="overflow-x-auto pb-4 scrollbar-thin">
             <div className="flex gap-4 min-w-max">
               {projects.map(project => (
                 project.creationProgress ? (