more

src/Components/SignupPage/SignupPage.js

@@ -640,7 +640,7 @@ const SignupPage = () => {
 
           <div className="radio-group-super">
             <div className="toggle-arrow-box">
-              <ArrowRightSquare
+              <ArrowLeftSquare
                 className="arrow-left-toggle"
                 color="#1a76c7"
                 size="30px"

src/styles/signup.scss

@@ -86,7 +86,8 @@
   display: flex;
   flex-direction: row;
   height: 55px;
-  width: 900px;
+  width: 830px;
+  margin-bottom: 10px;
 }
 
 .plan-header-right {
@@ -173,7 +174,6 @@
   display: flex;
   flex-direction: row;
   justify-content: center;
-  background-color: red;
 }
 
 .radio-group-box {
@@ -181,13 +181,16 @@
   flex-direction: row;
   justify-content: center;
   padding: 2px;
-  background-color: yellow;
   width: 815px;
 }
 
 .toggle-arrow-box {
-  width: 10px;
-  background-color: red;
+  width: 30px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: auto;
 }
 
 .select-plan-summary-box {
@@ -215,6 +218,7 @@
 
 .signup-radio-container {
   width: 270px;
+  margin: 0px 3px;
 }
 
 .signup-feat-item {