diff --git a/toolkit/chakra/field.tsx b/toolkit/chakra/field.tsx
index 4b6c66d0d4..7e32bb631b 100644
--- a/toolkit/chakra/field.tsx
+++ b/toolkit/chakra/field.tsx
@@ -32,7 +32,7 @@ export const Field = React.forwardRef<HTMLDivElement, FieldProps>(
       };
 
       const labelElement = (
-        <ChakraField.Label bgColor={ rest.bgColor }>
+        <ChakraField.Label bgColor={ rest.bgColor || 'input.bg' }>
           { label }
           <ChakraField.RequiredIndicator fallback={ optionalText }/>
           { errorText && (
diff --git a/toolkit/theme/foundations/semanticTokens.ts b/toolkit/theme/foundations/semanticTokens.ts
index 1608e5a40b..a3092d9246 100644
--- a/toolkit/theme/foundations/semanticTokens.ts
+++ b/toolkit/theme/foundations/semanticTokens.ts
@@ -278,7 +278,7 @@ const semanticTokens: ThemingConfig['semanticTokens'] = {
         error: { value: '{colors.text.error}' },
       },
       bg: {
-        DEFAULT: { value: { _light: '{colors.white}', _dark: '{colors.black}' } },
+        DEFAULT: { value: 'transparent' },
         readOnly: { value: { _light: '{colors.gray.200}', _dark: '{colors.gray.800}' } },
       },
       border: {
diff --git a/ui/address/contract/methods/form/ContractMethodFieldInput.tsx b/ui/address/contract/methods/form/ContractMethodFieldInput.tsx
index 2a6a22d1ff..2557eef40d 100644
--- a/ui/address/contract/methods/form/ContractMethodFieldInput.tsx
+++ b/ui/address/contract/methods/form/ContractMethodFieldInput.tsx
@@ -47,7 +47,6 @@ const ContractMethodFieldInput = ({ data, hideLabel, path: name, className, isDi
   const { control, setValue, getValues } = useFormContext();
   const { field, fieldState } = useController({ control, name, rules: { validate } });
 
-  const inputBgColor = { _light: 'white', _dark: 'black' };
   const nativeCoinRowBgColor = { _light: 'gray.100', _dark: 'gray.700' };
 
   const hasMultiplyButton = argTypeMatchInt && Number(argTypeMatchInt.power) >= 64;
@@ -172,7 +171,6 @@ const ContractMethodFieldInput = ({ data, hideLabel, path: name, className, isDi
   const inputProps = {
     ...field,
     size: 'sm' as const,
-    bgColor: inputBgColor,
     onChange: handleChange,
     required: !isOptional,
     placeholder: data.type,
diff --git a/ui/address/contract/methods/form/__screenshots__/ContractMethodForm.pw.tsx_dark-color-mode_base-view-mobile-dark-mode-1.png b/ui/address/contract/methods/form/__screenshots__/ContractMethodForm.pw.tsx_dark-color-mode_base-view-mobile-dark-mode-1.png
index 19542f413c..732432832d 100644
Binary files a/ui/address/contract/methods/form/__screenshots__/ContractMethodForm.pw.tsx_dark-color-mode_base-view-mobile-dark-mode-1.png and b/ui/address/contract/methods/form/__screenshots__/ContractMethodForm.pw.tsx_dark-color-mode_base-view-mobile-dark-mode-1.png differ
diff --git a/ui/address/contract/methods/form/__screenshots__/ContractMethodForm.pw.tsx_default_base-view-mobile-dark-mode-1.png b/ui/address/contract/methods/form/__screenshots__/ContractMethodForm.pw.tsx_default_base-view-mobile-dark-mode-1.png
index d3c5e18b05..7d706b6a16 100644
Binary files a/ui/address/contract/methods/form/__screenshots__/ContractMethodForm.pw.tsx_default_base-view-mobile-dark-mode-1.png and b/ui/address/contract/methods/form/__screenshots__/ContractMethodForm.pw.tsx_default_base-view-mobile-dark-mode-1.png differ
diff --git a/ui/address/contract/methods/form/__screenshots__/ContractMethodForm.pw.tsx_mobile_base-view-mobile-dark-mode-1.png b/ui/address/contract/methods/form/__screenshots__/ContractMethodForm.pw.tsx_mobile_base-view-mobile-dark-mode-1.png
index 381c1aef0b..f92090a514 100644
Binary files a/ui/address/contract/methods/form/__screenshots__/ContractMethodForm.pw.tsx_mobile_base-view-mobile-dark-mode-1.png and b/ui/address/contract/methods/form/__screenshots__/ContractMethodForm.pw.tsx_mobile_base-view-mobile-dark-mode-1.png differ
diff --git a/ui/address/tokenSelect/TokenSelectMenu.tsx b/ui/address/tokenSelect/TokenSelectMenu.tsx
index a10004b2d2..258981ba8f 100644
--- a/ui/address/tokenSelect/TokenSelectMenu.tsx
+++ b/ui/address/tokenSelect/TokenSelectMenu.tsx
@@ -32,7 +32,6 @@ const TokenSelectMenu = ({ erc20sort, erc1155sort, erc404sort, filteredData, onI
       <FilterInput
         placeholder="Search by token name"
         size="sm"
-        inputProps={{ bgColor: 'dialog.bg' }}
         mb={ 5 }
         onChange={ onInputChange }
       />
diff --git a/ui/address/tokenSelect/__screenshots__/TokenSelect.pw.tsx_default_base-view-dark-mode-1.png b/ui/address/tokenSelect/__screenshots__/TokenSelect.pw.tsx_default_base-view-dark-mode-1.png
index 7367a20713..a6620adc72 100644
Binary files a/ui/address/tokenSelect/__screenshots__/TokenSelect.pw.tsx_default_base-view-dark-mode-1.png and b/ui/address/tokenSelect/__screenshots__/TokenSelect.pw.tsx_default_base-view-dark-mode-1.png differ
diff --git a/ui/address/tokenSelect/__screenshots__/TokenSelect.pw.tsx_default_filter-1.png b/ui/address/tokenSelect/__screenshots__/TokenSelect.pw.tsx_default_filter-1.png
index 203835bc0a..49eabc678f 100644
Binary files a/ui/address/tokenSelect/__screenshots__/TokenSelect.pw.tsx_default_filter-1.png and b/ui/address/tokenSelect/__screenshots__/TokenSelect.pw.tsx_default_filter-1.png differ
diff --git a/ui/address/tokenSelect/__screenshots__/TokenSelect.pw.tsx_default_long-values-1.png b/ui/address/tokenSelect/__screenshots__/TokenSelect.pw.tsx_default_long-values-1.png
index f0ec5cd0f8..1012c4a26b 100644
Binary files a/ui/address/tokenSelect/__screenshots__/TokenSelect.pw.tsx_default_long-values-1.png and b/ui/address/tokenSelect/__screenshots__/TokenSelect.pw.tsx_default_long-values-1.png differ
diff --git a/ui/showcases/__screenshots__/Field.pw.tsx_dark-color-mode_default-dark-mode-1.png b/ui/showcases/__screenshots__/Field.pw.tsx_dark-color-mode_default-dark-mode-1.png
index 2cef43f0dd..8c44b47eb2 100644
Binary files a/ui/showcases/__screenshots__/Field.pw.tsx_dark-color-mode_default-dark-mode-1.png and b/ui/showcases/__screenshots__/Field.pw.tsx_dark-color-mode_default-dark-mode-1.png differ
diff --git a/ui/showcases/__screenshots__/Field.pw.tsx_default_default-dark-mode-1.png b/ui/showcases/__screenshots__/Field.pw.tsx_default_default-dark-mode-1.png
index 54a0a9166b..f56c86dcb7 100644
Binary files a/ui/showcases/__screenshots__/Field.pw.tsx_default_default-dark-mode-1.png and b/ui/showcases/__screenshots__/Field.pw.tsx_default_default-dark-mode-1.png differ
diff --git a/ui/snippets/auth/__screenshots__/AuthModal.pw.tsx_default_email-login-2.png b/ui/snippets/auth/__screenshots__/AuthModal.pw.tsx_default_email-login-2.png
index 86afbc822d..13c79169dc 100644
Binary files a/ui/snippets/auth/__screenshots__/AuthModal.pw.tsx_default_email-login-2.png and b/ui/snippets/auth/__screenshots__/AuthModal.pw.tsx_default_email-login-2.png differ
diff --git a/ui/snippets/auth/fields/AuthModalFieldOtpCode.tsx b/ui/snippets/auth/fields/AuthModalFieldOtpCode.tsx
index f1f091a604..a7d7739c05 100644
--- a/ui/snippets/auth/fields/AuthModalFieldOtpCode.tsx
+++ b/ui/snippets/auth/fields/AuthModalFieldOtpCode.tsx
@@ -36,7 +36,6 @@ const AuthModalFieldOtpCode = ({ isDisabled: isDisabledProp }: Props) => {
           onValueChange={ handleChange }
           disabled={ isDisabled }
           invalid={ Boolean(fieldState.error) }
-          bgColor="dialog.bg"
         />
       </HStack>
       { fieldState.error?.message && <Text color="text.error" textStyle="sm" mt={ 1 }>{ fieldState.error.message }</Text> }
diff --git a/ui/snippets/auth/screens/AuthModalScreenEmail.tsx b/ui/snippets/auth/screens/AuthModalScreenEmail.tsx
index 3d7670c6fa..5f765f522b 100644
--- a/ui/snippets/auth/screens/AuthModalScreenEmail.tsx
+++ b/ui/snippets/auth/screens/AuthModalScreenEmail.tsx
@@ -85,7 +85,6 @@ const AuthModalScreenEmail = ({ onSubmit, isAuth, mixpanelConfig }: Props) => {
           name="email"
           required
           placeholder="Email"
-          bgColor="dialog.bg"
           mt={ 6 }
         />
         <ReCaptcha { ...recaptcha }/>
diff --git a/ui/watchlist/AddressModal/AddressForm.tsx b/ui/watchlist/AddressModal/AddressForm.tsx
index 7a44f35ff7..877210ac71 100644
--- a/ui/watchlist/AddressModal/AddressForm.tsx
+++ b/ui/watchlist/AddressModal/AddressForm.tsx
@@ -131,7 +131,6 @@ const AddressForm: React.FC<Props> = ({ data, onSuccess, setAlertVisible, isAdd,
         <FormFieldAddress<Inputs>
           name="address"
           required
-          bgColor="dialog.bg"
           mb={ 5 }
         />
         <FormFieldText<Inputs>
@@ -141,7 +140,6 @@ const AddressForm: React.FC<Props> = ({ data, onSuccess, setAlertVisible, isAdd,
           rules={{
             maxLength: TAG_MAX_LENGTH,
           }}
-          bgColor="dialog.bg"
           mb={ 8 }
         />
         { hasEmail ? (