diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index e271cc6..11853b5 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -381,6 +381,7 @@ const SignupPage = () => {
                   onClick={handleChangeRadioInput}
                   value={option.value}
                   name={option.name}
+                  description={option.description}
                   activeRadioOption={activeRadioOption}
                 />
               ))}
diff --git a/src/Constants/Fields/RadioFields.js b/src/Constants/Fields/RadioFields.js
index 914cdde..187f4d5 100644
--- a/src/Constants/Fields/RadioFields.js
+++ b/src/Constants/Fields/RadioFields.js
@@ -3,15 +3,18 @@ export const signupRadioFields = [
     name: "Monthly - basic",
     label: "Monthly - basic",
     value: "monthlyBasic",
+    description: "Generate 1 document per month",
   },
   {
     name: "Monthly - pro plan",
     label: "Monthly - pro plan",
     value: "monthlyProPlan",
+    description: "Generate up to 3 documents per month",
   },
   {
-    name: "Annual - unlimted",
-    label: "Annual - unlimte",
+    name: "Annual - unlimted annual",
+    label: "Annual - unlimited annual",
     value: "annualUnlimited",
+    description: "Generate unlimited documents.  Billed annualy",
   },
 ];
diff --git a/src/pageElements/Radio.js b/src/pageElements/Radio.js
index 5135cd6..5c64e29 100644
--- a/src/pageElements/Radio.js
+++ b/src/pageElements/Radio.js
@@ -3,7 +3,8 @@ import "../styles/radio.scss";
 
 const Radio = (props) => {
   console.log("hello");
-  const { name, onClick, value, disabled, activeRadioOption } = props;
+  const { name, description, onClick, value, disabled, activeRadioOption } =
+    props;
   const classCheckbox = "checkbox";
   const classOption = "option";
   console.log("value, activeRadioOption", value, activeRadioOption);
@@ -19,8 +20,8 @@ const Radio = (props) => {
             <div className="radio-circle-box">
               <CircleFill />
             </div>
-
             <div className="radio-name-box"> {`${name}`} </div>
+            <div className="radio-description-box"> {`${description}`} </div>
           </div>
         ) : (
           <div className="radio-circle-container">
diff --git a/src/styles/radio.scss b/src/styles/radio.scss
index 5413454..1a00fab 100644
--- a/src/styles/radio.scss
+++ b/src/styles/radio.scss
@@ -13,5 +13,9 @@
 }
 
 .radio-name-box {
-  margin: 12px 8px;
+  font-family: var(--main-font);
+  font-family: Roboto;
+  font-weight: 500;
+  letter-spacing: 0.05rem;
+  margin: 13px 8px;
 }
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index ecb257a..941400a 100644
--- a/src/styles/signup.scss
+++ b/src/styles/signup.scss
@@ -99,7 +99,6 @@
   padding: 6px;
   width: 100%;
   height: 300px;
-  background-color: #fff;
 }
 
 .select-plan-summary-box {