From f952ee7caf435d982d28c907225008ff9e5d8a77 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Fri, 23 Feb 2024 23:36:37 +0100
Subject: [PATCH] fix accordion chevron

---
 apps/vyper/src/app/components/CustomAccordionToggle.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/vyper/src/app/components/CustomAccordionToggle.tsx b/apps/vyper/src/app/components/CustomAccordionToggle.tsx
index edaf6a16de..67b11d9e20 100644
--- a/apps/vyper/src/app/components/CustomAccordionToggle.tsx
+++ b/apps/vyper/src/app/components/CustomAccordionToggle.tsx
@@ -17,9 +17,10 @@ export default function CustomAccordionToggle({ children, eventKey }: CustomAcco
   return (
     <div
       onClick={decoratedOnClick}
+      className="d-flex flex-row justify-content-between align-items-center mx-3"
     >
       {children}
-      <i className={toggleAccordion ? 'far fa-angle-right' : 'far fa-angle-down'}></i>
+      <i className={toggleAccordion ? 'far fa-angle-down' : 'far fa-angle-right'}></i>
     </div>
   )
 }