more

src/Components/SignupPage/SignupPage.js

@@ -373,12 +373,13 @@ const SignupPage = () => {
               </h5>
             </div>
             <div className="radio-group-box">
-              <div className="radio-group-wrapper">
+              <div className="signup-radio-wrapper">
                 <Radiogroup
                   title="Client position"
                   options={radioOptions}
                   value={"data.clientPosition.value"}
                   disabled={isBusy}
+                  dynamicClassName={"signup-option-div"}
                   onClick={(e) => handleChangeInput(e, "clientPosition")}
                 />
               </div>

src/pageElements/Radiogroup.js

@@ -11,15 +11,20 @@ const Radiogroup = (props) => {
     onClick,
     value,
     options,
-    disabled
+    disabled,
+    dynamicClassName,
   } = props;
   const classCheckbox = "checkbox";
   const classOption = "option";
 
+  const dynamicClass =
+    dynamicClassName === "signup-option-div"
+      ? dynamicClassName
+      : "checkbox-option-div";
   return (
     <div className="radio-option-container">
       {title && <div className="checkbox-title">{title}</div>}
-      <div className="checkbox-option-div">
+      <div className={`${dynamicClass}`}>
         {options &&
           options?.length &&
           options.map((option, index) => (

src/styles/signup.scss

@@ -82,6 +82,17 @@
   padding: 6px;
 }
 
+.signup-radio-wrapper {
+  background-color: red;
+  display: flex;
+  flex-direction: column;
+}
+
+.signup-option-div {
+  display: flex;
+  flex-direction: column;
+}
+
 .radio-group-box {
   display: flex;
   flex-direction: column;