diff --git a/lib/components/Input/HelperMessage.scss b/lib/components/Input/HelperMessage.scss index 1833fbfd..4f16a36c 100644 --- a/lib/components/Input/HelperMessage.scss +++ b/lib/components/Input/HelperMessage.scss @@ -8,6 +8,7 @@ $error_field: #ec3f3f; font-style: normal; font-weight: 400; line-height: 18px; + color: $inactive_color; &--general { color: $inactive_color; } diff --git a/lib/components/Input/Input.scss b/lib/components/Input/Input.scss index 403261d6..e6c5d433 100644 --- a/lib/components/Input/Input.scss +++ b/lib/components/Input/Input.scss @@ -97,6 +97,12 @@ $border: 1px solid; } } +.deriv-input--general .deriv-input__field:disabled + .deriv-input__label, +.deriv-input--error .deriv-input__field:disabled + .deriv-input__label, +.deriv-input--success .deriv-input__field:disabled + .deriv-input__label { + color: $disabled_color; +} + .deriv-input--general .deriv-input__field:focus + .deriv-input__label { color: $active_color; }