From 8b88a2070539ce4a51252650f2df4ec63ea73abb Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Fri, 23 Feb 2024 06:04:34 -0600
Subject: [PATCH] more

---
 src/Components/SignupPage/SignupPage.js |  2 +-
 src/styles/signup.scss                  | 14 +++++++++-----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index f3cf2b5..9a62c4a 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/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"
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index 6303259..05deb50 100644
--- a/src/styles/signup.scss
+++ b/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 {