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>