@@ -1,10 +1,10 @@
 .wrapper {
 	display: flex;
 	align-items: center;
-	padding: 14px 14px;
+	padding: 19px 14px;
 	width: 100%;
 	border-radius: 15px;
-  gap: 10px;
+	gap: 10px;
 }
 
 :root[data-theme='light'] {
@@ -12,7 +12,7 @@
 		border: 2px solid #e1e1e1;
 	}
 	.divider {
-		background-color: #EBEFF5;
+		background-color: #ebeff5;
 	}
 }
 
@@ -21,7 +21,7 @@
 		border: 2px solid rgb(66, 66, 72) !important;
 	}
 	.divider {
-		background-color: #40404E;
+		background-color: #40404e;
 	}
 }
 
@@ -35,9 +35,9 @@
 	font-size: 16px;
 	max-height: 82px;
 
-  &::placeholder{
-    font-size: 16px;
-  }
+	&::placeholder {
+		font-size: 16px;
+	}
 
 	border: none;
 	outline: none;
@@ -58,5 +58,5 @@
 }
 
 // theme === 'dark'
-		// 												? '#40404E'
-		// 												: '#EBEFF5',
\ No newline at end of file
+// 												? '#40404E'
+// 												: '#EBEFF5',
@@ -126,8 +126,8 @@
 	align-items: center;
 	justify-content: center;
 	background-color: #c32528;
-	padding: 8px 15px;
-	gap: 5px;
+	padding: 20px;
+	gap: 10px;
 	position: absolute;
 
 	left: 0;
@@ -145,7 +145,7 @@
 
 	&__text {
 		color: white !important;
-		font-size: 14px;
+		font-size: 16px;
 		font-weight: 600;
 	}
 }
@@ -181,51 +181,53 @@ const ImageModelPage: NextPageWithLayout = () => {
 									<Loader />
 								</div>
 							</div>
-
-							<Box
-								sx={{
-									padding: '30px',
-									// height: `calc(100dvh - 116px - 61px - 10px ${botParams?.blocked ? '- 20px' : ''})`,
-									height: `calc(100dvh - 116px - 61px - 10px)`,
-									overflowY: 'scroll',
-									overflowX: 'hidden',
-									position: 'relative',
-								}}
-								ref={mobileScrollContainer}
-								className={'smallScroll'}
-							>
-								<div style={{ position: 'absolute', top: 300 }} ref={refScrollMobile}></div>
-								<ImageMessagesList
-									isComplete={loading}
-									device={deviceType}
-									images={messages}
-									getMessagesPagination={fetchMessages}
-								/>
-							</Box>
-							<Stack alignItems='center' sx={{ position: 'relative', zIndex: 10 }}>
-								{botParams && (
-									<ModelInput
-										currentVersion={version}
-										styles={'images'}
-										input_types={botParams.inputs}
-										image={image}
-										blocked={botParams.blocked}
-										value={prompt}
-										desktop={desktop}
-										loading={createLoading}
-										imageLoad={onLoadImage}
-										sendMessage={onCreateImage}
-										unpinImage={() => setImage(null)}
-										viewMobileSettings={() => setOpenFiltersMobile(true)}
+							<div style={{ position: 'relative', borderRadius: '13px' }}>
+								<Box
+									sx={{
+										padding: '30px',
+										height: `calc(100dvh - 116px - 61px - 15px ${botParams?.blocked ? '- 17px' : '- 23.5px'})`,
+										// height: `calc(100dvh - 116px - 61px - 15px - 23.5px)`,
+										overflowY: 'scroll',
+										overflowX: 'hidden',
+										position: 'relative',
+									}}
+									ref={mobileScrollContainer}
+									className={'smallScroll'}
+								>
+									<div style={{ position: 'absolute', top: 300 }} ref={refScrollMobile}></div>
+									<ImageMessagesList
+										isComplete={loading}
+										device={deviceType}
+										images={messages}
+										getMessagesPagination={fetchMessages}
 									/>
-								)}
-								{botParams?.blocked && (
-									<div className={styles.blocked}>
-										<BlockedSvg width={16} height={16} color='white' />
-										<span className={c(styles.blocked__text)}>Модель недоступна</span>
-									</div>
-								)}
-							</Stack>
+								</Box>
+
+								<Stack alignItems='center' sx={{ zIndex: 10, position: 'relative', margin: 1.25 }}>
+									{botParams && (
+										<ModelInput
+											currentVersion={version}
+											styles={'images'}
+											input_types={botParams.inputs}
+											image={image}
+											blocked={botParams.blocked}
+											value={prompt}
+											desktop={desktop}
+											loading={createLoading}
+											imageLoad={onLoadImage}
+											sendMessage={onCreateImage}
+											unpinImage={() => setImage(null)}
+											viewMobileSettings={() => setOpenFiltersMobile(true)}
+										/>
+									)}
+									{botParams?.blocked && (
+										<div className={styles.blocked}>
+											<BlockedSvg width={21} height={21} color='white' />
+											<span className={c(styles.blocked__text)}>Модель недоступна</span>
+										</div>
+									)}
+								</Stack>
+							</div>
 						</Box>
 					)}
 				</Box>
@@ -3,7 +3,7 @@
 	justify-content: center;
 	background-color: #c32528;
 	padding: 8px 15px;
-	gap: 5px;
+	gap: 10px;
 	position: absolute;
 	left: 0;
 	display: flex;
@@ -22,7 +22,7 @@
 
 	&__text {
 		color: white !important;
-		font-size: 14px;
+		font-size: 16px;
 		font-weight: 600;
 	}
 }
@@ -103,9 +103,9 @@ function Chat<T>({
 				sx={{
 					borderRadius: desktop ? '15px' : '13px',
 					backgroundColor: desktop ? (theme === 'light' ? 'white' : '#151518') : theme === 'light' ? 'white' : '#151518',
-					padding: desktop ? (blocked ? 2 : 2) : 1.5,
+					padding: desktop ? (blocked ? 2 : 2) : 1.25,
 					paddingTop: 0,
-					paddingBottom: 1,
+					paddingBottom: 1.25,
 					width: '100%',
 					height: desktop ? '75vh' : `calc(100dvh - ${tags.length == 0 ? '200px' : '240px'})`,
 					overflow: 'hidden',
@@ -141,7 +141,7 @@ function Chat<T>({
 
 					{blocked && (
 						<div className={styles.blocked}>
-							<BlockedSvg width={16} height={16} color='white' />
+							<BlockedSvg width={21} height={21} color='white' />
 							<span className={c(styles.blocked__text)}>Модель недоступна</span>
 						</div>
 					)}