From 64fb626baeb34055204db4a6aa63fd1a9fcf564a Mon Sep 17 00:00:00 2001
From: Rajveer Singh <rajveergreets@gmail.com>
Date: Sat, 7 Dec 2024 21:11:52 +0530
Subject: [PATCH] fix: increased sidebar padding-bottom to ensure the last
 accordion is visible, and centered accordion text for smaller screen sizes

---
 src/components/Sidebar.tsx      | 2 +-
 src/components/ui/accordion.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index d3bf61eb3..4c5a80ab2 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -271,7 +271,7 @@ export function Sidebar({
             <Accordion
               type="multiple"
               defaultValue={currentActiveContentIds.map((num) => `item-${num}`)}
-              className="w-full px-4 pb-24 capitalize"
+              className="w-full px-4 pb-40 capitalize"
             >
               {memoizedContent}
             </Accordion>
diff --git a/src/components/ui/accordion.tsx b/src/components/ui/accordion.tsx
index 3c59fd223..a3ac0868b 100644
--- a/src/components/ui/accordion.tsx
+++ b/src/components/ui/accordion.tsx
@@ -28,7 +28,7 @@ const AccordionTrigger = React.forwardRef<
     <AccordionPrimitive.Trigger
       ref={ref}
       className={cn(
-        'flex flex-1 items-center justify-between py-4 transition-all [&[data-state=open]>svg]:rotate-180',
+        'flex flex-1 items-center justify-between py-4 transition-all [&[data-state=open]>svg]:rotate-180 text-start',
         className,
       )}
       {...props}