diff --git a/app/webpacker/css/admin_v3/globals/variables.scss b/app/webpacker/css/admin_v3/globals/variables.scss
index bbd8fde650..41863422d4 100644
--- a/app/webpacker/css/admin_v3/globals/variables.scss
+++ b/app/webpacker/css/admin_v3/globals/variables.scss
@@ -82,7 +82,8 @@ $color-sel-bg:                   $lighter-grey !default;
 $color-sel-hover-bg:             $lighter-grey !default;
 
 // Text inputs styles
-$color-txt-brd:                  $color-border !default;
+$color-txt-bg:                   $lighter-grey !default;
+$color-txt-brd:                  $lighter-grey !default;
 $color-txt-text:                 $near-black !default;
 $color-txt-hover-brd:            $teal !default;
 $color-txt-disabled-text:        $medium-grey !default;
diff --git a/app/webpacker/css/admin_v3/shared/forms.scss b/app/webpacker/css/admin_v3/shared/forms.scss
index c802a29c97..9f6a2a2bac 100644
--- a/app/webpacker/css/admin_v3/shared/forms.scss
+++ b/app/webpacker/css/admin_v3/shared/forms.scss
@@ -16,9 +16,9 @@ input[type="number"],
 textarea {
   @include border-radius($border-radius);
   padding: ($vpadding-txt - 1px) ($hpadding-txt - 1px); // Minus 1px for border
-  border: 1px solid $lighter-grey;
+  border: 1px solid $color-txt-brd;
   color: $color-txt-text;
-  background-color: $lighter-grey;
+  background-color: $color-txt-bg;
   font-size: 14px;
   line-height: 22px;