From 8092f167288b09834f1ca6d4926a536ee29a140d Mon Sep 17 00:00:00 2001
From: Harshank <pathakharsh13@gmail.com>
Date: Fri, 29 Sep 2023 11:27:24 -0400
Subject: [PATCH] Fixing on hover color change for Back button

---
 src/App.jsx   |  4 ++--
 src/index.css | 10 +++++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index f1190daf..8a44a8c9 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -697,8 +697,7 @@ class App extends Component {
               >
                 <div className="instructionModalCss">
                   <div className="row m-0 d-flex align-items-center" style={{ background: 'linear-gradient(to right, #1b55a4 1%, #1b63b0 46%, #1a7ec6 87%)', padding: '30px' }}>
-                    {/* <div className="col-2 p-0 text-left"> */}
-                      <div className="col-2 p-0 text-left" style={{color: "white"}}>
+                    <div className="col-2 p-0 text-left" id="termsButton">
                       <FaArrowLeft
                         size={24}
                         className="icon-brand-color"
@@ -706,6 +705,7 @@ class App extends Component {
                       />
                     </div>
 
+
                     <div className="col-8 text-center" style={termsofUseLabel} test-id="termOfUseLabel">
                       {this.state.lang.disclaimer_header}
                     </div>
diff --git a/src/index.css b/src/index.css
index 2235fb89..535b4093 100644
--- a/src/index.css
+++ b/src/index.css
@@ -22,7 +22,15 @@ a:hover, a:focus, a:active, a:focus-visible {
 }
 
 .icon-brand-color {
-  color: #fff;
+  color: #25AAE1;
+}
+
+#termsButton .icon-brand-color {
+  color: white; 
+}
+
+#termsButton .icon-brand-color:hover, .icon-brand-color:focus, .icon-brand-color:active {
+  color: #D7DF21;
 }
 
 .icon-brand-color:hover, .icon-brand-color:focus, .icon-brand-color:active {