diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 9a62c4a..cda9a27 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -642,9 +642,10 @@ const SignupPage = () => {
             <div className="toggle-arrow-box">
               <ArrowLeftSquare
                 className="arrow-left-toggle"
-                color="#1a76c7"
+                color="#f7c697"
                 size="30px"
                 onClick={handleLeftArrowClick}
+                style={{ marginTop: "-25px" }}
               />
             </div>
             <div className="radio-group-box">
@@ -670,9 +671,10 @@ const SignupPage = () => {
             <div className="toggle-arrow-box">
               <ArrowRightSquare
                 className="arrow-left-toggle"
-                color="#1a76c7"
+                color="#f7c697"
                 size="30px"
                 onClick={handleRightArrowClick}
+                style={{ marginTop: "-25px" }}
               />
             </div>
           </div>