From f81bafe42cff7c3c13fd6cf0799de574219b83a8 Mon Sep 17 00:00:00 2001
From: Meg Stepp <mcstepp@gmail.com>
Date: Mon, 23 Sep 2024 13:30:10 -0400
Subject: [PATCH] change map to forEach, use better tailwind

---
 apps/dashboard/app/(app)/settings/root-keys/new/client.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/dashboard/app/(app)/settings/root-keys/new/client.tsx b/apps/dashboard/app/(app)/settings/root-keys/new/client.tsx
index cb0e9ba801..cd2272d313 100644
--- a/apps/dashboard/app/(app)/settings/root-keys/new/client.tsx
+++ b/apps/dashboard/app/(app)/settings/root-keys/new/client.tsx
@@ -72,7 +72,7 @@ export const Client: React.FC<Props> = ({ apis }) => {
   };
 
   const initialCardStates: CardStates = {};
-  apis.map((api) => {
+  apis.forEach((api) => {
     initialCardStates[api.id] = false;
   });
   const [cardStatesMap, setCardStatesMap] = useState(initialCardStates);
@@ -161,13 +161,13 @@ export const Client: React.FC<Props> = ({ apis }) => {
           <Card>
             <CardHeader>
               <CollapsibleTrigger
-                className="flex items-center justify-between transition-all [&[data-state=open]>svg]:rotate-90 pb-6"
+                className="flex items-center justify-between transition-all pb-6"
                 aria-controls={api.id}
                 aria-expanded={cardStatesMap[api.id]}
               >
                 <CardTitle className="break-all">{api.name}</CardTitle>
                 <ChevronRight
-                  className="w-4 h-4 transition-transform duration-200"
+                  className="w-4 h-4 transition-transform duration-200 data-[state=open]:rotate-90"
                   aria-hidden="true"
                 />
               </CollapsibleTrigger>