@@ -2,8 +2,25 @@
 	display: none;
 }
 
+.passwordLabel {
+	font-size: 10pt;
+}
+
 .changePasswordButton {
 	width: 150px;
+	background-color: var(--air-color) !important;
+	color: #fff !important;
+	border-radius: 13px;
+	text-transform: none;
+	height: 43px;
+	font-size: 13px;
+	font-weight: 600;
+	box-shadow: none !important;
+
+	&:hover {
+		background-color: var(--text-color-purple) !important;
+		opacity: 0.9;
+	}
 }
 
 .deleteAccountButton {
@@ -420,7 +420,9 @@ const Account: NextPageWithLayout = () => {
 									<Typography className='title-block'>Изменить пароль</Typography>
 									<Box className={styles2.main_block} flexDirection='column'>
 										<Box sx={{ width: '100%' }}>
-											<Typography className={styles2.input_title}>Текущий пароль</Typography>
+											<Typography className={`${styles2.input_title} ${accountStyles.passwordLabel}`}>
+												Текущий пароль
+											</Typography>
 											<Input
 												placeholder='Укажите текущий пароль'
 												value={currentPassword}
@@ -431,22 +433,29 @@ const Account: NextPageWithLayout = () => {
 										<Box
 											display='flex'
 											justifyContent='space-between'
+											flexWrap='wrap'
 											sx={{
 												width: '100%',
 												marginTop: '15px',
+												height: 'auto',
 											}}
 										>
-											<Box sx={{ width: '48%' }}>
-												<Typography className={styles2.input_title}>Новый пароль</Typography>
+											<Box sx={{ width: '100%', display: 'flex', gap: '62px', marginTop: '10px' }}>
+												<Typography className={`${styles2.input_title} ${accountStyles.passwordLabel}`}>
+													Новый пароль
+												</Typography>
+												<Typography className={`${styles2.input_title} ${accountStyles.passwordLabel}`}>
+													Подтвердить пароль
+												</Typography>
+											</Box>
+											<Box sx={{ display: 'flex', width: '100%', gap: '8px' }}>
+												
 												<Input
 													placeholder='Укажите новый пароль'
 													value={newPassword1}
 													onChange={(e) => setNewPassword1(e.target.value)}
 													fullWidth
 												/>
-											</Box>
-											<Box sx={{ width: '48%' }}>
-												<Typography className={styles2.input_title}>Подтвердить пароль</Typography>
 												<Input
 													placeholder='Укажите новый пароль ещё раз'
 													value={newPassword2}
@@ -455,12 +464,15 @@ const Account: NextPageWithLayout = () => {
 												/>
 											</Box>
 										</Box>
-										<ButtonUI
+										<Button
 											onClick={changePassword}
+											className={`btn-classic ${accountStyles.changePasswordButton}`}
+											variant='contained'
+											disableElevation
 											sx={{ marginTop: '20px' }}
-											text={'Изменить пароль'}
-											className={accountStyles.changePasswordButton}
-										/>
+										>
+											Изменить пароль
+										</Button>
 									</Box>
 								</Box>
 							)}