diff --git a/change/@fluentui-react-input-b6dae232-bb04-4dcd-90b6-eb9272f009fe.json b/change/@fluentui-react-input-b6dae232-bb04-4dcd-90b6-eb9272f009fe.json new file mode 100644 index 0000000000000..11598c81563d7 --- /dev/null +++ b/change/@fluentui-react-input-b6dae232-bb04-4dcd-90b6-eb9272f009fe.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: Remove box-shadow from filled appearances.", + "packageName": "@fluentui/react-input", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-input/src/components/Input/useInputStyles.ts b/packages/react-components/react-input/src/components/Input/useInputStyles.ts index 3ece561d6f418..02d5b90c2a796 100644 --- a/packages/react-components/react-input/src/components/Input/useInputStyles.ts +++ b/packages/react-components/react-input/src/components/Input/useInputStyles.ts @@ -144,7 +144,6 @@ const useRootStyles = makeStyles({ '::after': shorthands.borderRadius(0), // remove rounded corners from focus underline }, filled: { - boxShadow: tokens.shadow2, // optional shadow for filled appearances ...shorthands.border('1px', 'solid', tokens.colorTransparentStroke), }, filledInteractive: {