@@ -1,6 +1,17 @@
+import { useEffect, useMemo } from 'react'
+import { Box, Collapse, Stack,Typography } from '@mui/material'
+import Head from 'next/head'
+import { useRouter } from 'next/router'
+import { useSession } from 'next-auth/react'
+
+import styles from './image-model.module.scss'
+
 import { ChatSelect } from '#/app/components/chat_select'
 import { ResetFilters } from '#/app/components/filters/reset_filters'
 import { UniqInput } from '#/app/components/uniq_input'
+import { Layout } from '#/app/layout'
+import BlockedSvg from '#/assets/svg/blocked.svg?react'
+import LockSvg from '#/assets/svg/lock.svg?react'
 import { useImageBot } from '#/entities/model-entity/model/use-image-bot'
 import BotParamsMap from '#/features/bot-params/bot-params-map'
 import { useImageBotCreateImage } from '#/features/image-bot-create-image'
@@ -8,24 +19,14 @@ import { useImagesBotFilters } from '#/features/image-bot-filters'
 import { useImagesUniqInput } from '#/features/image-bot-input'
 import { useImageBotPagination } from '#/features/image-bot-pagination'
 import Title from '#/features/title/title'
-import { useShowData, DrawerCustom, Error, Loader } from '#/shared'
-import { useThemeAndDevice } from '#/shared/lib/hooks'
-import { ArrowDownScroll } from '#/shared/ui/icon-components/scroll-down-arrow'
-import { useImagesPagination, ImageMessagesList } from '#/widgets/messages'
-import { Layout } from '#/app/layout'
-import { Box, Typography, Collapse, Stack } from '@mui/material'
-import { useSession } from 'next-auth/react'
-import Head from 'next/head'
-import { useRouter } from 'next/router'
-import { useEffect, useMemo } from 'react'
+import { NextPageWithLayout } from '#/pages/_app'
+import { DrawerCustom, Error, Loader,useShowData } from '#/shared'
 import { c, getDeviceType, getOs } from '#/shared/lib/helpers'
+import { useThemeAndDevice } from '#/shared/lib/hooks'
 import { Device, DeviceOs } from '#/shared/lib/types/entities'
-import LockSvg from '#/assets/svg/lock.svg?react'
-import BlockedSvg from '#/assets/svg/blocked.svg?react'
-
-import styles from './image-model.module.scss'
-import { NextPageWithLayout } from '#/pages/_app'
+import { ArrowDownScroll } from '#/shared/ui/icon-components/scroll-down-arrow'
 import { SvgIcon } from '#/shared/ui/svg'
+import { ImageMessagesList,useImagesPagination } from '#/widgets/messages'
 
 const ImageModelPage: NextPageWithLayout = () => {
 	const { query } = useRouter()
@@ -129,7 +130,7 @@ const ImageModelPage: NextPageWithLayout = () => {
 				alignItems='start'
 				flexDirection={desktop ? 'row' : 'column-reverse'}
 				sx={{
-					marginBottom: desktop ? 0 : 3,
+					marginBottom: desktop ? 0 : 2,
 					width: desktop ? '97%' : '100%',
 					marginTop: desktop ? 3 : '15px',
 				}}
@@ -236,12 +237,14 @@ const ImageModelPage: NextPageWithLayout = () => {
 							<Box
 								sx={{
 									padding: '30px',
-									height: `calc(100dvh - 116px - 61px - 10px - 50px ${botParams?.blocked ? '- 20px' : ''})`,
+									height: `calc(100dvh - 116px - 61px - 10px ${
+										botParams?.blocked ? '- 20px' : ''
+									})`,
 									overflowY: 'scroll',
 									overflowX: 'hidden',
 									position: 'relative',
 								}}
-              ref={mobileScrollContainer}
+								ref={mobileScrollContainer}
 								className={'smallScroll'}
 							>
 								<div
@@ -1,26 +1,28 @@
 import * as React from 'react'
+import { useCallback, useEffect } from 'react'
 import { useCookies } from 'react-cookie'
 import { useForm } from 'react-hook-form'
 import { SubmitErrorHandler } from 'react-hook-form/dist/types/form'
 import { Box, Button, Link, Stack, TextField, Typography } from '@mui/material'
 import CircularProgress from '@mui/material/CircularProgress'
+import * as Sentry from '@sentry/browser'
 import Image from 'next/image'
 import { useRouter } from 'next/router'
 import Router from 'next/router'
 import Script from 'next/script'
 import { signIn } from 'next-auth/react'
+
+import styles from './login.module.scss'
+
+import { useAppSelector } from '#/app/store/store'
 import { authTelegram } from '#/features/auth-telegram'
 import { PasswordOptions } from '#/features/register-by-email/lib/constants'
 import { IEmailForms } from '#/features/register-by-email/model/types'
-import { useAppSelector } from '#/app/store/store'
+import { NextPageWithLayout } from '#/pages/_app'
 import { emailOptions, Error } from '#/shared'
 import { getDeviceType } from '#/shared/lib/helpers'
 import { useShowData } from '#/shared/lib/hooks'
 import { InputStyleDark, InputStyleLight } from '#/shared/ui/input'
-import { NextPageWithLayout } from '#/pages/_app'
-import * as Sentry from '@sentry/browser'
-import styles from './login.module.scss'
-import { useCallback, useEffect } from 'react'
 
 const Login: NextPageWithLayout = () => {
 	const device = getDeviceType()
@@ -139,7 +141,7 @@ const Login: NextPageWithLayout = () => {
 					<form onKeyDown={handleKeyDown} autoComplete={'off'}>
 						<Box
 							sx={{
-								width: '40vh',
+								width: desktop ? '40vw' : '80vw',
 								height: '100%',
 								marginTop: desktop ? 0 : 5,
 							}}