@@ -21,6 +21,7 @@ import { API_URL } from '#/shared/lib/constants/constants'
 import { useShowData } from '#/shared/lib/hooks'
 import { useThemeAndDevice } from '#/shared/lib/hooks'
 import OpenedEyeSvg from '#/assets/svg/opened-eye.svg?react'
+import ClosedEyeSvg from '#/assets/svg/closed-eye.svg?react'
 
 interface IRegisterEmailFormProps {
 	successLogin: () => void
@@ -44,14 +45,15 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 	const [cookie] = useCookies()
 	const [passwordShowed, showPassword] = React.useState(false)
 
-
 	const makeNewAccount: SubmitHandler<any> = async (data) => {
 		setLoading(true)
 
 		if (!data.rules) {
 			showError('Запрос отправлен', true)
 			try {
-				const { status } = await axios.get(API_URL + `/auth/mail/whitelist?email=${data.email}`)
+				const { status } = await axios.get(
+					API_URL + `/auth/mail/whitelist?email=${data.email}`
+				)
 				if (status === 200) {
 					setIsEmailWhite(true)
 				}
@@ -155,11 +157,24 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 				type={passwordShowed ? 'text' : 'password'}
 				fullWidth
 				InputProps={{
-					endAdornment: <InputAdornment position='start'>
-						<div onClick={() => showPassword((x) => !x)} style={{ cursor: 'pointer', display: 'flex', alignItems: 'center' }}>
-							<OpenedEyeSvg width={24} height={24} color='white' />
-						</div>
-					</InputAdornment>
+					endAdornment: (
+						<InputAdornment position='start'>
+							<div
+								onClick={() => showPassword((x) => !x)}
+								style={{
+									cursor: 'pointer',
+									display: 'flex',
+									alignItems: 'center',
+								}}
+							>
+								{passwordShowed ? (
+									<ClosedEyeSvg width={24} height={24} color='grey' />
+								) : (
+									<OpenedEyeSvg width={24} height={24} color='grey' />
+								)}
+							</div>
+						</InputAdornment>
+					),
 				}}
 				sx={theme === 'light' ? { ...InputStyleLight } : { ...InputStyleDark }}
 				{...register('password1', {
@@ -196,7 +211,11 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 				})}
 			/>
 
-			<CheckBoxAgreeWithRules isEmailWhite={isEmailWhite} register={register} name={'rules'} />
+			<CheckBoxAgreeWithRules
+				isEmailWhite={isEmailWhite}
+				register={register}
+				name={'rules'}
+			/>
 
 			<Box display='flex' width='100%' sx={{ marginTop: 1 }}>
 				<Checkbox
@@ -20,7 +20,8 @@ import { NextPageWithLayout } from '#/pages/_app'
 import styles from './login.module.scss'
 import { ERROR_MAPPING } from '#/pages/api/auth/constants'
 import OpenedEyeSvg from '#/assets/svg/opened-eye.svg?react'
-import * as Sentry from "@sentry/nextjs";
+import ClosedEyeSvg from '#/assets/svg/closed-eye.svg?react'
+import * as Sentry from '@sentry/nextjs'
 
 const Login: NextPageWithLayout = () => {
 	const device = getDeviceType()
@@ -59,10 +60,12 @@ const Login: NextPageWithLayout = () => {
 			redirect: false,
 		})
 		if (resp && !resp.ok && resp.error && resp.error !== '') {
-			showError(Object.keys(ERROR_MAPPING).reduce(
-				(prev, curr) => ({ ...prev, [ERROR_MAPPING[curr]]: curr }),
-				{} as Record<string, string>
-			)[resp.error ?? ''] ?? 'Непредвиденная ошибка')
+			showError(
+				Object.keys(ERROR_MAPPING).reduce(
+					(prev, curr) => ({ ...prev, [ERROR_MAPPING[curr]]: curr }),
+					{} as Record<string, string>
+				)[resp.error ?? ''] ?? 'Непредвиденная ошибка'
+			)
 			Sentry.captureMessage(resp.error, 'warning')
 			setLoading(false)
 		} else {
@@ -259,11 +262,34 @@ const Login: NextPageWithLayout = () => {
 									type={passwordShowed ? 'text' : 'password'}
 									fullWidth
 									InputProps={{
-										endAdornment: <InputAdornment position='start'>
-											<div onClick={() => showPassword((x) => !x)} style={{ cursor: 'pointer', display: 'flex', alignItems: 'center' }}>
-												<OpenedEyeSvg width={24} height={24} color='white' />
-											</div>
-										</InputAdornment>
+										endAdornment: (
+											<InputAdornment position='start'>
+												<div
+													onClick={() =>
+														showPassword((x) => !x)
+													}
+													style={{
+														cursor: 'pointer',
+														display: 'flex',
+														alignItems: 'center',
+													}}
+												>
+													{passwordShowed ? (
+														<ClosedEyeSvg
+															width={24}
+															height={24}
+															color='grey'
+														/>
+													) : (
+														<OpenedEyeSvg
+															width={24}
+															height={24}
+															color='grey'
+														/>
+													)}
+												</div>
+											</InputAdornment>
+										),
 									}}
 									sx={
 										theme === 'light'