From 36851a8d6075e966284c8d74c130bca69edabf28 Mon Sep 17 00:00:00 2001
From: biswa <biswa@007gmail.com>
Date: Tue, 22 Oct 2024 09:37:08 +0530
Subject: [PATCH] Fix the overlapping of text in FAQ section all cards

---
 site/components/Faq.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/components/Faq.js b/site/components/Faq.js
index 7cac793..8c1dc21 100644
--- a/site/components/Faq.js
+++ b/site/components/Faq.js
@@ -67,12 +67,12 @@ const Faq = () => {
             </div>
             <div
               className={`overflow-hidden transition-all duration-700 ease-in-out 
-                ${activeIndex === index ? 'max-h-[200px] opacity-100' : 'max-h-0 opacity-0'}`}
+                ${activeIndex === index ? 'max-h-[200px] opacity-100 ml-3' : 'max-h-0 opacity-0'}`}
               style={{ height: activeIndex === index ? 'auto' : '0px' }}
             >
               <p className="text-gray-600 leading-relaxed transition-opacity duration-500">{faq.answer}</p>
             </div>
-            <span className="text-sm text-gray-500 mt-2">{activeIndex === index ? 'Hide' : 'Show'} Answer</span>
+            <span className="text-sm text-gray-500 mt-2 ml-2">{activeIndex === index ? 'Hide' : 'Show'} Answer</span>
           </div>
         ))}
       </div>