diff --git a/packages/components/src/components/combo-box/_combo-box.scss b/packages/components/src/components/combo-box/_combo-box.scss index ae7689221269..880a87c3a675 100644 --- a/packages/components/src/components/combo-box/_combo-box.scss +++ b/packages/components/src/components/combo-box/_combo-box.scss @@ -19,8 +19,7 @@ @mixin combo-box { .#{$prefix}--combo-box .#{$prefix}--text-input { &::placeholder { - color: $text-02; - opacity: 1; + color: $text-05; } &[disabled]::placeholder { diff --git a/packages/components/src/components/date-picker/_date-picker.scss b/packages/components/src/components/date-picker/_date-picker.scss index 394dd7c96bba..adf041824b4d 100644 --- a/packages/components/src/components/date-picker/_date-picker.scss +++ b/packages/components/src/components/date-picker/_date-picker.scss @@ -120,7 +120,7 @@ } &::placeholder { - @include placeholder-colors; + color: $text-05; opacity: 1; } } diff --git a/packages/components/src/components/text-area/_text-area.scss b/packages/components/src/components/text-area/_text-area.scss index 67c2b34eee56..841adc22bf50 100644 --- a/packages/components/src/components/text-area/_text-area.scss +++ b/packages/components/src/components/text-area/_text-area.scss @@ -61,7 +61,7 @@ } .#{$prefix}--text-area::placeholder { - color: $text-05; + @include placeholder-colors; @include type-style('body-long-01'); opacity: 1; } diff --git a/packages/components/src/components/time-picker/_time-picker.scss b/packages/components/src/components/time-picker/_time-picker.scss index c00da5faddde..b858c5720e42 100644 --- a/packages/components/src/components/time-picker/_time-picker.scss +++ b/packages/components/src/components/time-picker/_time-picker.scss @@ -58,6 +58,10 @@ height: rem(40px); transition: outline $duration--fast-01 motion(standard, productive), background-color $duration--fast-01 motion(standard, productive); + + &::placeholder { + color: $text-05; + } } }