diff --git a/x-pack/plugins/security/public/account_management/user_profile/user_profile.tsx b/x-pack/plugins/security/public/account_management/user_profile/user_profile.tsx index c9ae85dcda634..af3b22901d12e 100644 --- a/x-pack/plugins/security/public/account_management/user_profile/user_profile.tsx +++ b/x-pack/plugins/security/public/account_management/user_profile/user_profile.tsx @@ -29,6 +29,7 @@ import { useEuiTheme, useGeneratedHtmlId, } from '@elastic/eui'; +import { css } from '@emotion/react'; import { Form, FormikProvider, useFormik, useFormikContext } from 'formik'; import type { FunctionComponent } from 'react'; import React, { useRef, useState } from 'react'; @@ -64,6 +65,12 @@ import { FormRow, OptionalText } from '../../components/form_row'; import { ChangePasswordModal } from '../../management/users/edit_user/change_password_modal'; import { isUserReserved } from '../../management/users/user_utils'; +const formRowCSS = css` + .euiFormRow__label { + flex: 1; + } +`; + export interface UserProfileProps { user: AuthenticatedUser; data?: UserProfileData; @@ -128,30 +135,36 @@ const UserDetailsEditor: FunctionComponent = ({ user }) } > - + + + + } - labelAppend={} fullWidth > - + + + + } - labelAppend={} fullWidth >