fix: make repository index scrollable

src/features/home/ProductHomePage.tsx

@@ -314,7 +314,7 @@ function LedgerRow({ project }: { project: ProjectCard }) {
   return (
     <Link
       to={`/p/${project.owner_login}/${project.name}`}
-      className="group grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 gap-y-2 border-b border-line/70 px-2 py-3.5 transition-colors last:border-b-0 hover:bg-surface-sunken/60 focus-ring md:grid-cols-[minmax(0,2.4fr)_110px_78px_150px_70px_150px] md:gap-x-5"
+      className="group grid min-h-[72px] grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 gap-y-2 border-b border-line/70 px-2 py-3.5 transition-colors last:border-b-0 hover:bg-surface-sunken/60 focus-ring md:grid-cols-[minmax(0,2.4fr)_110px_78px_150px_70px_150px] md:gap-x-5"
     >
       {/* repository */}
       <span className="flex min-w-0 items-center gap-3">
@@ -425,8 +425,7 @@ export function ProductHomePage() {
           project.full_name.toLowerCase().includes(needle) ||
           (project.description ?? "").toLowerCase().includes(needle)
         );
-      })
-      .slice(0, 5);
+      });
   }, [allItems, q]);
 
   const scans = overview.data?.live?.scanning ?? [];
@@ -565,7 +564,11 @@ export function ProductHomePage() {
           </div>
           <div className="mt-6 border-b border-line md:hidden" aria-hidden />
 
-          <div aria-label="Scanned repository list">
+          <div
+            className="openvuln-scrollbar max-h-[360px] overflow-y-auto overscroll-contain pr-2"
+            aria-label="Scanned repository list"
+            tabIndex={0}
+          >
             {projects.isLoading ? (
               <div className="space-y-2 py-5">
                 {Array.from({ length: 5 }).map((_, index) => (
@@ -594,10 +597,6 @@ export function ProductHomePage() {
             )}
           </div>
 
-          <div className="mt-4 flex items-center justify-between gap-3 border-t border-line pt-3.5 font-mono text-[10px] uppercase tracking-[0.1em] text-ink-tertiary">
-            <span>{(projects.data?.total ?? 0).toLocaleString()} repositories indexed</span>
-            <a href="#top" className="transition-colors hover:text-ink">Back to top ↑</a>
-          </div>
         </section>
       </main>
 

src/index.css

@@ -43,6 +43,28 @@
   .text-balance {
     text-wrap: balance;
   }
+
+  .openvuln-scrollbar {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(237, 239, 244, 0.28) transparent;
+  }
+
+  .openvuln-scrollbar::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  .openvuln-scrollbar::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  .openvuln-scrollbar::-webkit-scrollbar-thumb {
+    border-radius: 999px;
+    background: rgba(237, 239, 244, 0.28);
+  }
+
+  .openvuln-scrollbar::-webkit-scrollbar-thumb:hover {
+    background: rgba(237, 239, 244, 0.42);
+  }
 }
 
 @layer components {