diff --git a/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/FormFields/Form.js b/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/FormFields/Form.js index 7e7e741e54..e225a12efe 100644 --- a/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/FormFields/Form.js +++ b/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/FormFields/Form.js @@ -6,7 +6,8 @@ const MainContainer = styled.div` flex-direction: row; .field-input { - width: 320px; + width: 100%; + max-width: 320px; } .radio-group { diff --git a/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/FormFields/TextChangeField.js b/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/FormFields/TextChangeField.js index 0af98f1951..0c7b969129 100644 --- a/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/FormFields/TextChangeField.js +++ b/products/ASC.People/Client/src/components/pages/ProfileAction/Section/Body/FormFields/TextChangeField.js @@ -3,7 +3,8 @@ import styled from 'styled-components'; import { FieldContainer, TextInput, Button } from 'asc-web-components' const InputContainer = styled.div` - width: 320px; + width: 100%; + max-width: 320px; display: flex; align-items: center; `;