diff --git a/invokeai/frontend/web/src/theme/util/getInputFilledStyles.ts b/invokeai/frontend/web/src/theme/util/getInputFilledStyles.ts
index ef4c0868b4..b6fa4badfc 100644
--- a/invokeai/frontend/web/src/theme/util/getInputFilledStyles.ts
+++ b/invokeai/frontend/web/src/theme/util/getInputFilledStyles.ts
@@ -12,7 +12,7 @@ export const getInputFilledStyles = (
   const bgHover = variant === 'darkFilled' ? 'base.750' : 'base.650';
   const error = 'error.600';
   const errorHover = 'error.500';
-  const fg = 'base.200';
+  const fg = 'base.100';
 
   const baseColors = {
     color: fg,
@@ -34,6 +34,7 @@ export const getInputFilledStyles = (
     _invalid,
   };
   const _disabled = {
+    opacity: 0.35,
     _hover: baseColors,
   };
   return {