From 417fcd450f4570c03513ad1d00808dfc04dddeaf Mon Sep 17 00:00:00 2001
From: johndoe6345789 <john.doe6345789@gmail.com>
Date: Fri, 23 Jan 2026 08:34:15 +0000
Subject: [PATCH] Generated by Spark: bit better for 2 in list, but 3 gets cut
 off no scrollbar

---
 src/components/ComponentShowcase.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ComponentShowcase.tsx b/src/components/ComponentShowcase.tsx
index 9070108..1c1270e 100644
--- a/src/components/ComponentShowcase.tsx
+++ b/src/components/ComponentShowcase.tsx
@@ -628,7 +628,7 @@ export function ComponentShowcase() {
           </div>
         </div>
 
-        <ScrollArea className="flex-1">
+        <div className="flex-1 overflow-y-auto">
           <div className="p-4 lg:p-6">
             {filteredItems.length === 0 ? (
               <Card className="p-8 lg:p-12">
@@ -692,7 +692,7 @@ export function ComponentShowcase() {
                 ))}
               </div>
             ) : (
-              <div className="space-y-3">
+              <div className="space-y-3 pb-4">
                 {filteredItems.map(item => (
                   <Card 
                     key={item.id}
@@ -740,7 +740,7 @@ export function ComponentShowcase() {
               </div>
             )}
           </div>
-        </ScrollArea>
+        </div>
       </main>
 
       {selectedComponent && !isMobile && (