fix: 🐛 resolved issue with radio button (#33)

likhith-deriv · May 24, 2023 · 9ad0117 · 9ad0117
1 parent 35cce4b
commit 9ad0117
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/account/src/Components/address-details/address-details.tsx b/packages/account/src/Components/address-details/address-details.tsx
@@ -24,6 +24,7 @@ import {
     TLocationList,
 } from '@deriv/shared';
 import { splitValidationResultTypes } from '../real-account-signup/helpers/utils';
+import classNames from 'classnames';
 
 type TAddressDetails = {
     states_list: TLocationList[];
@@ -199,7 +200,7 @@ const AddressDetails = ({
                                             </Text>
                                         </div>
                                     )}
-                                    <div className='details-form__elements'>
+                                    <div className={classNames('details-form__elements', 'address-details-form ')}>
                                         <InputField
                                             name='address_line_1'
                                             required={is_svg || is_appstore || is_mf}

diff --git a/packages/core/src/sass/account-wizard.scss b/packages/core/src/sass/account-wizard.scss
@@ -820,9 +820,17 @@
     }
 }
 
-.personal-details-form {
+.personal-details-form,
+.address-details-form {
     width: 100%;
     @include desktop {
         padding: 0 16rem;
     }
 }
+
+.personal-details-form {
+    .dc-radio-group__input {
+        display: unset;
+        appearance: unset;
+    }
+}