From dd8f65eb1a145a74030db72df10e7a822492786c Mon Sep 17 00:00:00 2001
From: aizad-deriv <aizad@deriv.com>
Date: Thu, 1 Feb 2024 18:40:19 +0800
Subject: [PATCH] fix: stylings for helper message and input variants

---
 lib/components/Input/HelperMessage.scss | 1 +
 lib/components/Input/Input.scss         | 6 ++++++
 2 files changed, 7 insertions(+)

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;
 }