@@ -1,8 +1,8 @@
 import React, { useState } from 'react'
 import { useCookies } from 'react-cookie'
 import { useForm } from 'react-hook-form'
-import { Button, InputAdornment, TextField, Typography, Checkbox } from '@mui/material'
 import { SubmitErrorHandler, SubmitHandler } from 'react-hook-form'
+import { Button, Checkbox, InputAdornment, TextField, Typography } from '@mui/material'
 import Box from '@mui/material/Box'
 import CircularProgress from '@mui/material/CircularProgress'
 import axios from 'axios'
@@ -19,8 +19,6 @@ import { getApiUrl } from '#/shared/lib/constants'
 import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
 import { useDeviceType } from '#/shared/lib/hooks/use-device-type'
 
-import styles from './register-email-form.module.scss'
-
 interface IRegisterEmailFormProps {
 	successLogin: () => void
 }
@@ -143,7 +141,14 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 				InputProps={{
 					endAdornment: (
 						<InputAdornment position='start'>
-							<div onClick={() => showPassword((x) => !x)} className={styles.passwordToggle}>
+							<div
+								onClick={() => showPassword((x) => !x)}
+								style={{
+									cursor: 'pointer',
+									display: 'flex',
+									alignItems: 'center',
+								}}
+							>
 								{passwordShowed ? (
 									<ClosedEyeSvg width={24} height={24} color='grey' />
 								) : (
@@ -206,13 +211,21 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 
 			<Box sx={{ width: '100%' }}>
 				{loading ? (
-					<Box className={styles.formLoader}>
+					<Box
+						style={{
+							margin: '25px auto',
+							display: 'flex',
+							justifyContent: 'center',
+						}}
+					>
 						<CircularProgress size={30} thickness={5} sx={{ color: '#7F7DF3' }} />
 					</Box>
 				) : (
 					<Button
 						variant='contained'
-						className={styles.submitButton}
+						style={{
+							marginTop: '25px',
+						}}
 						sx={{
 							backgroundColor: '#7F7DF3',
 							color: '#FFFFFF',
@@ -234,13 +247,13 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 					</Button>
 				)}
 			</Box>
-			<p className={styles.agreementText}>
+			<p style={{ marginTop: '15px', fontSize: 15, color: '#868686' }}>
 				<span>Регистрируясь, вы соглашаетесь с условиями&nbsp;</span>
-				<Link className={styles.policyLink} href='https://air.fail/personal'>
+				<Link style={{ color: 'var(--air-color)' }} href='https://air.fail/personal'>
 					Политики обработки персональных данных&nbsp;
 				</Link>
 				<span>и&nbsp;</span>
-				<Link className={styles.policyLink} href='https://air.fail/offer'>
+				<Link style={{ color: 'var(--air-color)' }} href='https://air.fail/offer'>
 					Публичной офертой
 				</Link>
 			</p>
@@ -252,7 +265,13 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 					}}
 				>
 					Есть аккаунт?{' '}
-					<Link href='/login' className={styles.loginLink}>
+					<Link
+						href='/login'
+						style={{
+							textDecoration: 'none',
+							color: '#7F7DF3',
+						}}
+					>
 						Войти
 					</Link>
 				</Typography>