diff --git a/app/styles/components/_forms.scss b/app/styles/components/_forms.scss
index eb552b47a..ba74bfac0 100644
--- a/app/styles/components/_forms.scss
+++ b/app/styles/components/_forms.scss
@@ -80,6 +80,7 @@ textarea {
     font-size: 15px;
     line-height: 24px;
     width: 100%;
+    color: $input-color;
 
     &[size] {
       display: inline-block;
@@ -94,7 +95,7 @@ textarea {
         border-color: $input-bg-hover;
         background: rgba($input-bg-hover, .2);
         &::placeholder {
-            color: $input-bg-hover;
+            color: $input-color-placeholder;
         }
     }
     &.disabled, &[disabled], &[disabled]:hover  {
@@ -102,14 +103,14 @@ textarea {
         border-color: $input-bg-disabled;
         cursor: not-allowed;
         &::placeholder {
-            color: darken($input-bg-disabled, 5%);
+            color: $input-color-placeholder;
         }
     }
     &:focus {
         background: rgba($input-border-focus, .2);
         border-color: $input-border-focus;
         &::placeholder {
-            color: $input-border-focus;
+            color: $input-color-placeholder;
         }
     }
 }
diff --git a/app/styles/themes/_dark.scss b/app/styles/themes/_dark.scss
index c5c7a9239..2ee98825e 100644
--- a/app/styles/themes/_dark.scss
+++ b/app/styles/themes/_dark.scss
@@ -82,7 +82,7 @@ $banner-color                        : white;
 
 /*Forms*/
 //** Placeholder text color
-$input-color-placeholder             : darken($light-grey, 50%);
+$input-color-placeholder             : $text-color;
 
 //** `<input>` background color
 $input-bg                            : lighten($dark-grey, 5);
@@ -93,7 +93,7 @@ $input-bg-hover                      : $light-grey;
 $input-bg-disabled                   : #f3f4f8;
 
 //** Text color for `<input>`s
-$input-color                         : $text-color;
+$input-color                         : lighten($text-color, 50%);
 
 //** `<input>` border color
 $input-border                        : transparent;