From c5b53b8d510809428ccbc376d08fd84cc0b722e7 Mon Sep 17 00:00:00 2001
From: Abhijadhav03 <jadhavabhishek53366@gmail.com>
Date: Wed, 8 Apr 2026 12:52:51 +0000
Subject: [PATCH] fix: accordion content overflows below card border in All
 Components demo

---
 .../page-components/all-components/accordion/index.tsx    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/website/components/page-components/all-components/accordion/index.tsx b/apps/website/components/page-components/all-components/accordion/index.tsx
index f80b4a06c4..9177dda495 100644
--- a/apps/website/components/page-components/all-components/accordion/index.tsx
+++ b/apps/website/components/page-components/all-components/accordion/index.tsx
@@ -43,8 +43,8 @@ export default function Example() {
             }}
           </AccordionTrigger>
         </AccordionHeader>
-        <AccordionContent>
-          <AccordionContentText>
+        <AccordionContent className="max-h-[100px] overflow-hidden md:max-h-[80px]">
+          <AccordionContentText className="text-xs md:text-[11px]">
             To place an order, simply select the products you want, proceed to
             checkout, provide shipping and payment information, and finalize
             your purchase.
@@ -71,8 +71,8 @@ export default function Example() {
             }}
           </AccordionTrigger>
         </AccordionHeader>
-        <AccordionContent>
-          <AccordionContentText>
+        <AccordionContent className="max-h-[100px] overflow-hidden md:max-h-[80px]">
+          <AccordionContentText className="text-xs md:text-[11px]">
             We accept all major credit cards, including Visa, Mastercard, and
             American Express. We also support payments through PayPal.
           </AccordionContentText>