From c380200dd5dad56f7df2e084ed74ca3790655adb Mon Sep 17 00:00:00 2001
From: Chris Chudzicki <christopher.chudzicki@gmail.com>
Date: Fri, 18 Oct 2024 15:31:59 -0400
Subject: [PATCH] fix textarea placeholder color

---
 frontends/ol-components/src/components/Input/Input.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontends/ol-components/src/components/Input/Input.tsx b/frontends/ol-components/src/components/Input/Input.tsx
index 9b2751b7ed..21014c63ab 100644
--- a/frontends/ol-components/src/components/Input/Input.tsx
+++ b/frontends/ol-components/src/components/Input/Input.tsx
@@ -116,17 +116,16 @@ const baseInputStyles = (theme: Theme) => ({
     borderColor: "transparent",
     outline: "2px solid currentcolor",
     outlineOffset: "-2px",
-    color: theme.custom.colors.darkGray2,
   },
   "&.Mui-error": {
     borderColor: theme.custom.colors.red,
     outlineColor: theme.custom.colors.red,
   },
-  "& input::placeholder": {
+  "& input::placeholder, textarea::placeholder": {
     color: theme.custom.colors.silverGrayDark,
     opacity: 1, // some browsers apply opacity to placeholder text
   },
-  "& input:placeholder-shown": {
+  "& input:placeholder-shown, textarea:placeholder-shown": {
     textOverflow: "ellipsis",
   },
   "& textarea": {
@@ -154,7 +153,7 @@ const baseInputStyles = (theme: Theme) => ({
 type CustomInputProps = { responsive?: true }
 const noForward = Object.keys({
   responsive: true,
-} satisfies { [key in keyof CustomInputProps]: boolean })
+} satisfies { [_key in keyof CustomInputProps]: boolean })
 
 const Input = styled(InputBase, {
   shouldForwardProp: (prop) => !noForward.includes(prop),