diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 56b1d53..e6e7c6a 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -402,14 +402,17 @@ const SignupPage = () => {
) : (
diff --git a/src/pageElements/Radiogroup.js b/src/pageElements/Radiogroup.js
index 1892347..047a194 100644
--- a/src/pageElements/Radiogroup.js
+++ b/src/pageElements/Radiogroup.js
@@ -13,6 +13,7 @@ const Radiogroup = (props) => {
options,
disabled,
dynamicClassName,
+ optionContainerDynamicClass,
} = props;
const classCheckbox = "checkbox";
const classOption = "option";
@@ -22,6 +23,10 @@ const Radiogroup = (props) => {
? dynamicClassName
: "checkbox-option-div";
+ const optionContainerDynamic = optionContainerDynamicClass
+ ? optionContainerDynamicClass
+ : "";
+
return (
{title &&
{title}
}
@@ -30,7 +35,7 @@ const Radiogroup = (props) => {
options?.length &&
options.map((option, index) => (
!disabled && onClick && onClick(option)}
>
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index 74436a8..315ec9c 100644
--- a/src/styles/signup.scss
+++ b/src/styles/signup.scss
@@ -101,3 +101,19 @@
height: 300px;
background-color: #fff;
}
+
+.select-plan-summary-box {
+ display: flex;
+ flex-direction: column;
+ height: 200px;
+ width: 100%;
+ background-color: red;
+ padding: 6px;
+}
+
+.selectplan-payment-button-wrapper {
+ display: flex;
+ flex-direction: row-reverse;
+ margin: 6px;
+ padding: 6px;
+}