diff --git a/packages/react/src/components/Input/Input.styles.ts b/packages/react/src/components/Input/Input.styles.ts index f74477dd1..ee90c7b7d 100644 --- a/packages/react/src/components/Input/Input.styles.ts +++ b/packages/react/src/components/Input/Input.styles.ts @@ -30,7 +30,7 @@ const styles = createUseStyles((theme: Theme) => ({ wrapper: { alignItems: 'center', backgroundColor: theme.color.surface, - border: '2px solid', + border: '1px solid', borderColor: getFeedbackBorderColor(theme), borderRadius: theme.textField.borderRadius, cursor: ({ disabled, readOnly }: InputStyleProps) => (!disabled && !readOnly ? 'text' : 'default'), diff --git a/packages/react/src/components/Input/__snapshots__/Input.test.tsx.snap b/packages/react/src/components/Input/__snapshots__/Input.test.tsx.snap index cda7696a7..c94b219a1 100644 --- a/packages/react/src/components/Input/__snapshots__/Input.test.tsx.snap +++ b/packages/react/src/components/Input/__snapshots__/Input.test.tsx.snap @@ -3,7 +3,7 @@ exports[`Input component should render correctly when type is multiline 1`] = ` Array [ ".wrapper-0-2-1 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; @@ -138,7 +138,7 @@ Array [ exports[`Input component should render correctly with default props 1`] = ` Array [ ".wrapper-0-2-1 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; diff --git a/packages/react/src/components/TextField/__snapshots__/TextField.test.tsx.snap b/packages/react/src/components/TextField/__snapshots__/TextField.test.tsx.snap index 8143f6435..105d97604 100644 --- a/packages/react/src/components/TextField/__snapshots__/TextField.test.tsx.snap +++ b/packages/react/src/components/TextField/__snapshots__/TextField.test.tsx.snap @@ -3,7 +3,7 @@ exports[`TextField component should render correctly when have a label 1`] = ` Array [ ".wrapper-0-2-4 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; @@ -184,7 +184,7 @@ Array [ exports[`TextField component should render correctly when is disabled 1`] = ` Array [ ".wrapper-0-2-4 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; @@ -363,7 +363,7 @@ Array [ exports[`TextField component should render correctly when is read only 1`] = ` Array [ ".wrapper-0-2-4 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; @@ -542,7 +542,7 @@ Array [ exports[`TextField component should render correctly when is required 1`] = ` Array [ ".wrapper-0-2-4 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; @@ -721,7 +721,7 @@ Array [ exports[`TextField component should render correctly when it has a helper text 1`] = ` Array [ ".wrapper-0-2-4 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; @@ -902,7 +902,7 @@ Array [ exports[`TextField component should render correctly when it has a success feedback 1`] = ` Array [ ".wrapper-0-2-4 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; @@ -1097,7 +1097,7 @@ Array [ exports[`TextField component should render correctly when it has an error feedback 1`] = ` Array [ ".wrapper-0-2-4 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; @@ -1292,7 +1292,7 @@ Array [ exports[`TextField component should render correctly when it has an icon button action 1`] = ` Array [ ".wrapper-0-2-4 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; @@ -1659,7 +1659,7 @@ Array [ exports[`TextField component should render correctly when it has an image action 1`] = ` Array [ ".wrapper-0-2-4 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; @@ -1870,7 +1870,7 @@ Array [ exports[`TextField component should render correctly when it has multiline type 1`] = ` Array [ ".wrapper-0-2-4 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; @@ -2048,7 +2048,7 @@ Array [ exports[`TextField component should render correctly when it has password type 1`] = ` Array [ ".wrapper-0-2-4 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; @@ -2227,7 +2227,7 @@ Array [ exports[`TextField component should render correctly when size is medium 1`] = ` Array [ ".wrapper-0-2-4 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center; @@ -2406,7 +2406,7 @@ Array [ exports[`TextField component should render correctly with default props 1`] = ` Array [ ".wrapper-0-2-4 { - border: 2px solid; + border: 1px solid; display: flex; position: relative; align-items: center;