From 4f62325e97c89819f1cb69ef7e444d208b9fa867 Mon Sep 17 00:00:00 2001
From: Gitanjli <96485413+gitanjli525@users.noreply.github.com>
Date: Fri, 1 Mar 2024 10:25:55 +0530
Subject: [PATCH] fix: cursor changes for clickable label (#464)

Co-authored-by: Pritish Budhiraja <1805317@kiit.ac.in>
---
 src/screens/Connectors/ConnectorUIUtils/PaymentMethod.res | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/screens/Connectors/ConnectorUIUtils/PaymentMethod.res b/src/screens/Connectors/ConnectorUIUtils/PaymentMethod.res
index 698e9c338..ca0f63325 100644
--- a/src/screens/Connectors/ConnectorUIUtils/PaymentMethod.res
+++ b/src/screens/Connectors/ConnectorUIUtils/PaymentMethod.res
@@ -172,10 +172,12 @@ module CardRenderer = {
                   ),
                 ]>
                 <div className="flex items-center gap-2">
-                  <div onClick={_ => removeOrAddMethods(value)}>
+                  <div onClick={_ => removeOrAddMethods(value)} className="cursor-pointer">
                     <CheckBoxIcon isSelected={isSelected(value)} />
                   </div>
-                  <p className=p2RegularTextStyle onClick={_ => removeOrAddMethods(value)}>
+                  <p
+                    className={`${p2RegularTextStyle} cursor-pointer`}
+                    onClick={_ => removeOrAddMethods(value)}>
                     {React.string(value.payment_method_type->snakeToTitle)}
                   </p>
                 </div>