From 69fd05bc1ec536aa307dbae669b1df00ca5c00cd Mon Sep 17 00:00:00 2001
From: Victor Santos <victor@infisical.com>
Date: Fri, 5 Dec 2025 17:43:01 -0300
Subject: [PATCH] style: enhance UI elements in AWS IAM forms with transition
 effects

- Updated the target role and AWS IAM role setup sections to include a transition effect on hover, improving user experience and visual feedback.
- Ensured consistency in styling across both AWS IAM account and resource forms.
---
 .../components/PamAccountForm/AwsIamAccountForm.tsx             | 2 +-
 .../components/PamResourceForm/AwsIamResourceForm.tsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/pam/PamAccountsPage/components/PamAccountForm/AwsIamAccountForm.tsx b/frontend/src/pages/pam/PamAccountsPage/components/PamAccountForm/AwsIamAccountForm.tsx
index 9d6a882b9..0e9f2db4b 100644
--- a/frontend/src/pages/pam/PamAccountsPage/components/PamAccountForm/AwsIamAccountForm.tsx
+++ b/frontend/src/pages/pam/PamAccountsPage/components/PamAccountForm/AwsIamAccountForm.tsx
@@ -146,7 +146,7 @@ export const AwsIamAccountForm = ({ account, onSubmit }: Props) => {
         >
           <AccordionItem value="target-role-setup" className="border-b-0">
             <AccordionTrigger className="px-4 py-2.5 hover:no-underline [&[data-state=open]]:pb-1">
-              <div className="flex items-center text-sm">
+              <div className="flex items-center text-sm transition-colors duration-150 hover:text-primary">
                 <FontAwesomeIcon icon={faInfoCircle} size="sm" className="mr-1.5 text-primary" />
                 Target Role Setup
               </div>
diff --git a/frontend/src/pages/pam/PamResourcesPage/components/PamResourceForm/AwsIamResourceForm.tsx b/frontend/src/pages/pam/PamResourcesPage/components/PamResourceForm/AwsIamResourceForm.tsx
index d3390e7c9..194cecb48 100644
--- a/frontend/src/pages/pam/PamResourcesPage/components/PamResourceForm/AwsIamResourceForm.tsx
+++ b/frontend/src/pages/pam/PamResourcesPage/components/PamResourceForm/AwsIamResourceForm.tsx
@@ -133,7 +133,7 @@ export const AwsIamResourceForm = ({ resource, onSubmit }: Props) => {
         >
           <AccordionItem value="aws-iam-role-setup" className="border-b-0">
             <AccordionTrigger className="px-4 py-2.5 hover:no-underline [&[data-state=open]]:pb-1">
-              <div className="flex items-center text-sm">
+              <div className="flex items-center text-sm transition-colors duration-150 hover:text-primary">
                 <FontAwesomeIcon icon={faInfoCircle} size="sm" className="mr-1.5 text-primary" />
                 AWS IAM Role Setup
               </div>