diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index e83a22e00e18078278c404d5ebc5c8d7da04002c..3e1b08e9fb2bf6c9ee955016ce721834dc960306 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -371,6 +371,11 @@
       &:focus {
         color: $white;
       }
+
+      &::placeholder {
+        opacity: 0.54;
+        color: $ui-secondary-color;
+      }
     }
 
     &.active {