diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 45e5938..18509c2 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -38,7 +38,7 @@ const SignupPage = () => {
   const [showSelectPlan, setShowSelectPlan] = useState(true);
   const [activeRadioOption, setActiveRadioOption] = useState("monthlyBasic");
   const modalText = "Description of monthly and annual subscriptions";
-
+  const [selectedPlan, setSelectedPlan] = useState({});
   // this could also go in App.js if needed in the future
   const stripe = new Stripe(
     "pk_test_51NNoasBi8p7FeGFrI5SfpM6HuNMoxwImx6NRKyKbgbt6OPxMxQDiZ9I1GqvDa9qUwB3D3jlJOng6MyjPppWofxzP00Exvr8dBy"
@@ -69,6 +69,11 @@ const SignupPage = () => {
   };
 
   const handleChangeRadioInput = (value) => {
+    const tempPlan = signupRadioFields.filter((field) => {
+      return field.value === value;
+    });
+    console.log("tempPlan", tempPlan);
+    setSelectedPlan(tempPlan);
     const temp = value;
     setActiveRadioOption(temp);
   };
diff --git a/src/pageElements/Radio.js b/src/pageElements/Radio.js
index 6dd7118..4cb9d52 100644
--- a/src/pageElements/Radio.js
+++ b/src/pageElements/Radio.js
@@ -57,10 +57,7 @@ const Radio = (props) => {
                 </div>
               </div>
               <div className="radio-circle-lower">
-                <div className="radio-description-box">
-                  {" "}
-                  {`${description}`}{" "}
-                </div>
+                <div className="radio-description-box">{`${description}`} </div>
               </div>
             </div>
           </>