disabled state style change

Author: amina-deriv

src/javascript/app/pages/user/new_account/new_account_modules/personal_detail_form.js

@@ -67,7 +67,7 @@ const PersonalDetailForm = (() => {
             }
             getElementById(`${field.section}_section`).setVisibility(1);
             getElementById(`${field.id}_row`).setVisibility(1);
-            if (field.is_immutable && field.default_value !== '') $(`#${field.id}`).attr('disabled', 'disabled');
+            if (field.is_immutable && field.default_value !== '') $(`#${field.id}`).attr('disabled', 'disabled').addClass('immutable-field');
         });
     };
 

src/sass/_common/common.scss

@@ -96,6 +96,14 @@ a.button-disabled {
     pointer-events: none;
 }
 
+.immutable-field {
+    color: $COLOR_GRAY;
+
+    &:hover {
+        border: 1px solid $COLOR_LIGHT_GRAY;
+    }
+}
+
 span.checked {
     background: url('../images/pages/authenticate/checked.svg') no-repeat;
     width: 16px;