@@ -1,9 +1,6 @@
 .wrapModelTitle {
-	margin-bottom: 20px;
-	margin-top: 15px;
 	@media (max-width: 768px) {
 		margin: 0;
-		margin-top: 15px;
 	}
 	.bigTitle {
     min-width: max-content !important;
@@ -16,16 +16,31 @@
 	}
 }
 
+.staticTabsWrapper {
+	display: flex;
+	align-items: center;
+	width: calc(24.5% + 2px);
+	margin-left: auto;
+	margin-right: calc(3%);
+	margin-top: 0;
+}
+
 .header {
-	width: 70%;
-	margin-bottom: 50px;
+	display: flex;
+	align-items: center;
+	width: 100%;
+	gap: 22px;
+	margin: 14px 0;
+
+	> *:first-child {
+		min-width: 200px;
+	}
 
 	@media screen and (max-width: 768px) {
 		width: 100%;
-		margin-bottom: 0px;
+		gap: 12px;
 	}
 }
-
 @keyframes fadein {
 	0% {
 		opacity: 0;
@@ -41,16 +56,12 @@
 .icon {
 }
 
+
 .tags {
-	min-width: 100%;
 	display: flex;
 	gap: 8px;
 	align-items: center;
 	justify-content: flex-end;
-
-	@media screen and (max-width: 768px) {
-		justify-content: flex-start;
-	}
 }
 
 .tag {
@@ -133,8 +133,8 @@ const AudioModelPage: NextPageWithLayout = () => {
 					title={botParams ? botParams.title : 'Загрузка...'}
 					type={'Аудио'}
 					linkBack={'/audio'}
-					rightSlot={
-						<div className={styles.tags}>
+				/>
+				<div className={styles.tags}>
 							{botParams &&
 								botParams.tags.map((tag, index) => (
 									<div key={index} className={styles.tag}>
@@ -144,9 +144,18 @@ const AudioModelPage: NextPageWithLayout = () => {
 									</div>
 								))}
 						</div>
-					}
-				/>
+				{desktop && (
+									<Stack className={styles.staticTabsWrapper}>
+										<StaticTabs scope={scope} setScope={setScope} />
+									</Stack>)}
 			</div>
+			
+						{!desktop && (
+						<Stack sx={{ display: 'flex', alignItems: 'center', width: '100%', marginTop: '10px' }}>
+							<StaticTabs scope={scope} setScope={setScope} />
+						</Stack>
+					)}
+						
 			<Box
 				display={'flex'}
 				justifyContent='space-between'
@@ -312,11 +321,6 @@ const AudioModelPage: NextPageWithLayout = () => {
 				</Box>
 
 				<Stack spacing={2} sx={{ width: desktop ? '25.5%' : '100%', paddingBottom: desktop ? '' : '15px' }}>
-					<Stack
-						sx={{ display: 'flex', alignItems: 'center', width: '100%', marginBottom: '15px', marginTop: desktop ? '0px' : '10px' }}
-					>
-						<StaticTabs scope={scope} setScope={setScope} />
-					</Stack>
 					{desktop && (
 						<Stack spacing={2} className='pd-30 bg-color-block border-radius-main' sx={{ height: 'auto' }}>
 							{botParams?.versions && botParams.versions.length !== 0 ? (
@@ -208,34 +208,34 @@ const Page: NextPageWithLayout<ChatBotPageProps> = () => {
 				<div className={styles.header}>
 					<Title
 						title={botParams?.title ? botParams?.title : ''}
-						rightSlot={
-							<div className={styles.tags}>
-								{botParams &&
-									botParams.tags.map((tag, index) => (
-										<div key={index} className={styles.tag}>
-											<SvgIcon width={23} height={23} url={tag.icon} className={styles.tag__icon} />
-											<span className={styles.tag__text}>{tag.title}</span>
-										</div>
-									))}
-							</div>
-						}
 						type={'Чат-боты'}
 						linkBack={'/chat-bot'}
 					/>
-					{!desktop && (
+					<div className={styles.tags}>
+						{botParams &&
+							botParams.tags.map((tag, index) => (
+								<div key={index} className={styles.tag}>
+									<SvgIcon width={23} height={23} url={tag.icon} className={styles.tag__icon} />
+									<span className={styles.tag__text}>{tag.title}</span>
+								</div>
+							))}
+					</div>
+				{desktop && <ChatsContainer desktop={desktop} modelType={modelType} />}
+
+					
+				{desktop && (
+						<Stack sx={{ display: 'flex', alignItems: 'center', width: '25%', minWidth: '25%', marginRight: 'calc(5% - 22px)', marginTop: '0px' }}>
+							<StaticTabs scope={scope} setScope={setScope} />
+						</Stack>
+					)}
+				</div>
+				{!desktop && (
 						<Stack sx={{ display: 'flex', alignItems: 'center', width: '100%', marginBottom: '15px', marginTop: '10px' }}>
 							<StaticTabs scope={scope} setScope={setScope} />
 						</Stack>
 					)}
 					
-					<ChatsContainer desktop={desktop} modelType={modelType} />
-					{desktop && (
-							<Stack sx={{ display: 'flex', alignItems: 'center', width: '25%', marginRight: 'calc(5% - 22px)', marginBottom: '15px', marginTop: '0px' }}>
-								<StaticTabs scope={scope} setScope={setScope} />
-							</Stack>
-						)}
-				</div>
-
+				{!desktop && <ChatsContainer desktop={desktop} modelType={modelType} />}
 				<Box sx={{ height: 'calc(100% - 100px)' }} className={styles.main}>
 					
 					<Box className={styles.chatWindow}>
@@ -12,23 +12,18 @@
 
 .header {
 	display: flex;
-	align-items: flex-start;
-	width: calc(100%);
+	align-items: center;
+	width: 100%;
 	gap: 22px;
+	margin: 14px 0;
 
 	> *:first-child {
-		flex: 1;
 		min-width: 200px;
 	}
 
 	@media screen and (max-width: 768px) {
 		width: 100%;
-		flex-direction: column;
 		gap: 0;
-
-		> *:first-child {
-			flex: none;
-		}
 	}
 }
 
@@ -81,15 +76,10 @@
 }
 
 .tags {
-	min-width: 100%;
 	display: flex;
 	gap: 8px;
 	align-items: center;
 	justify-content: flex-end;
-
-	@media screen and (max-width: 768px) {
-		justify-content: flex-start;
-	}
 }
 
 .main {
@@ -17,12 +17,19 @@
 }
 
 .header {
-	width: 70%;
-	margin-bottom: 50px;
+	display: flex;
+	align-items: center;
+	width: 100%;
+	gap: 22px;
+	margin: 14px 0;
+
+	> *:first-child {
+		min-width: 200px;
+	}
 
 	@media screen and (max-width: 768px) {
 		width: 100%;
-		margin-bottom: 0px;
+		gap: 12px;
 	}
 }
 
@@ -38,38 +45,20 @@
 	}
 }
 
-// .blocked {
-// 	display: flex;
-// 	align-items: center;
-// 	justify-content: center;
-// 	background-color: white;
-// 	border-radius: 100px;
-// 	padding-right: 20px;
-// 	padding: 8px 12px;
-// 	width: max-content;
-
-// 	span {
-// 		color: #ff2372;
-// 		font-weight: 500;
-// 		padding-left: 10px;
-// 		font-size: 14px;
-// 		width: max-content;
-// 	}
-// }
-
-.icon {
-}
-
 .tags {
-	min-width: 100%;
 	display: flex;
 	gap: 8px;
 	align-items: center;
 	justify-content: flex-end;
+}
 
-	@media screen and (max-width: 768px) {
-		justify-content: flex-start;
-	}
+.staticTabsWrapper {
+	display: flex;
+	align-items: center;
+	width: calc(24.5% + 2px);
+	margin-left: auto;
+	margin-right: calc(3%);
+	margin-top: 0;
 }
 
 .tag {
@@ -123,8 +123,8 @@ const ImageModelPage: NextPageWithLayout = () => {
 					title={botParams ? botParams.title : 'Загрузка...'}
 					type={'Изображения'}
 					linkBack={'/images'}
-					rightSlot={
-						<div className={styles.tags}>
+				/>
+				<div className={styles.tags}>
 							{botParams &&
 								botParams.tags.map((tag, index) => (
 									<div key={index} className={styles.tag}>
@@ -133,10 +133,18 @@ const ImageModelPage: NextPageWithLayout = () => {
 										<span className={styles.tag__text}>{tag.title}</span>
 									</div>
 								))}
-						</div>
-					}
-				/>
+				</div>
+				{desktop && (
+						<Stack className={styles.staticTabsWrapper}>
+							<StaticTabs scope={scope} setScope={setScope} />
+						</Stack>
+					)}
 			</div>
+			{!desktop && (
+						<Stack sx={{ display: 'flex', alignItems: 'center', width: '100%', marginTop: '10px' }}>
+							<StaticTabs scope={scope} setScope={setScope} />
+						</Stack>
+					)}
 			<Box
 				display={'flex'}
 				justifyContent='space-between'
@@ -145,7 +153,6 @@ const ImageModelPage: NextPageWithLayout = () => {
 				sx={{
 					marginBottom: desktop ? 0 : 2,
 					width: desktop ? '97%' : '100%',
-					marginTop: desktop ? 3 : '15px',
 				}}
 			>
 				<Box
@@ -294,11 +301,6 @@ const ImageModelPage: NextPageWithLayout = () => {
 				</Box>
 
 				<Stack spacing={2} sx={{ width: desktop ? '25.5%' : '100%', paddingBottom: desktop ? '' : '15px' }}>
-					<Stack
-						sx={{ display: 'flex', alignItems: 'center', width: '100%', marginBottom: '15px', marginTop: desktop ? '0px' : '10px' }}
-					>
-						<StaticTabs scope={scope} setScope={setScope} />
-					</Stack>
 					{desktop && (
 						<Stack id='images-models-tour-3' spacing={2} className='pd-30 bg-color-block border-radius-main' sx={{ height: 'auto' }}>
 							{botParams?.versions && botParams.versions.length !== 0 ? (
@@ -16,13 +16,30 @@
 	}
 }
 
+
+.staticTabsWrapper {
+	display: flex;
+	align-items: center;
+	width: calc(24.5% + 2px);
+	margin-left: auto;
+	margin-right: calc(3%);
+	margin-top: 0;
+}
+
 .header {
-	width: 70%;
-	margin-bottom: 50px;
+	display: flex;
+	align-items: center;
+	width: 100%;
+	gap: 22px;
+	margin: 14px 0;
+
+	> *:first-child {
+		min-width: 200px;
+	}
 
 	@media screen and (max-width: 768px) {
 		width: 100%;
-		margin-bottom: 0px;
+		gap: 12px;
 	}
 }
 
@@ -39,15 +56,10 @@
 }
 
 .tags {
-	min-width: 100%;
 	display: flex;
 	gap: 8px;
 	align-items: center;
 	justify-content: flex-end;
-
-	@media screen and (max-width: 768px) {
-		justify-content: flex-start;
-	}
 }
 
 .tag {
@@ -131,8 +131,8 @@ const VideoModelPage: NextPageWithLayout = () => {
 					title={botParams ? botParams.title : 'Загрузка...'}
 					type={'Видео'}
 					linkBack={'/videos'}
-					rightSlot={
-						<div className={styles.tags}>
+				/>
+				<div className={styles.tags}>
 							{botParams &&
 								botParams.tags.map((tag, index) => (
 									<div key={index} className={styles.tag}>
@@ -142,9 +142,18 @@ const VideoModelPage: NextPageWithLayout = () => {
 									</div>
 								))}
 						</div>
-					}
-				/>
+						{desktop && (
+						<Stack className={styles.staticTabsWrapper}>
+							<StaticTabs scope={scope} setScope={setScope} />
+						</Stack>
+					)}
 			</div>
+			{!desktop && (
+						<Stack sx={{ display: 'flex', alignItems: 'center', width: '100%', marginTop: '10px' }}>
+							<StaticTabs scope={scope} setScope={setScope} />
+						</Stack>
+					)}
+			
 			<Box
 				display={'flex'}
 				justifyContent='space-between'
@@ -308,11 +317,6 @@ const VideoModelPage: NextPageWithLayout = () => {
 					)}
 				</Box>
 				<Stack spacing={2} sx={{ width: desktop ? '25.5%' : '100%', paddingBottom: desktop ? '' : '15px' }}>
-					<Stack
-						sx={{ display: 'flex', alignItems: 'center', width: '100%', marginBottom: '15px', marginTop: desktop ? '0px' : '10px' }}
-					>
-						<StaticTabs scope={scope} setScope={setScope} />
-					</Stack>
 					{desktop && (
 						<Stack spacing={2} className='pd-30 bg-color-block border-radius-main' sx={{ height: 'auto' }}>
 							{botParams?.versions && botParams.versions.length !== 0 ? (
@@ -13,17 +13,6 @@
 	position: relative;
 	display: flex;
 	align-items: center;
-
-	&::before {
-		content: '';
-		position: absolute;
-		top: 0;
-		right: 100%;
-		width: 40px;
-		height: 100%;
-		background: linear-gradient(to right, transparent, var(--new-ui-main-color));
-		pointer-events: none;
-	}
 }
 
 .createButton {
@@ -37,10 +26,6 @@
 	margin-top: 3px;
 }
 
-.wrapDesktop {
-	margin: 0 0 15px 0;
-}
-
 .wrapMobile {
 	margin: 15px 0 0;
 }
@@ -48,7 +33,7 @@
 .wrap {
 	margin-left: auto;
 	width: fit-content;
-	max-width: 70%;
+	max-width: 50%;
 	background-color: var(--new-ui-main-color);
 	border-radius: 15px;
 	padding: 4px;