@@ -0,0 +1,4 @@
+.button {
+  background-color: transparent;
+  border: 0;
+}
\ No newline at end of file
@@ -2,6 +2,7 @@ import React, { useEffect } from 'react'
 import { Box, Menu, MenuItem, Slide, Typography } from '@mui/material'
 import Stack from '@mui/material/Stack'
 import Image from 'next/image'
+import styles from './bot-message.module.scss'
 
 import { useAppSelector } from '#/app/store/store'
 import { TooltipCustom } from '#/shared'
@@ -33,7 +34,9 @@ export function BotMessage(props: any) {
 				fileName =
 					splitFileName.slice(0, 25) +
 					'...' +
-					splitFileName.slice(splitFileName.length - 8, splitFileName.length).split('.')[0] +
+					splitFileName
+						.slice(splitFileName.length - 8, splitFileName.length)
+						.split('.')[0] +
 					'.' +
 					splitFileName.split('.')[1]
 			} else {
@@ -70,7 +73,12 @@ export function BotMessage(props: any) {
 			>
 				{props.desktop && (
 					<Box sx={{ marginRight: 1 }}>
-						<Image height={36} width={36} src='/svg/chatgpt/avatar.svg' alt={''} />
+						<Image
+							height={36}
+							width={36}
+							src='/svg/chatgpt/avatar.svg'
+							alt={''}
+						/>
 					</Box>
 				)}
 				<Box
@@ -122,7 +130,9 @@ export function BotMessage(props: any) {
 								overflowY: 'scroll',
 								position: 'relative',
 								padding: '15px 23px',
-								border: `1px solid ${props.theme === 'dark' ? '#303035' : '#EFF0F2'}`,
+								border: `1px solid ${
+									props.theme === 'dark' ? '#303035' : '#EFF0F2'
+								}`,
 								color: props.theme === 'light' ? '#5E5E5E' : '#A6A5A5',
 								boxShadow: 'none',
 								lineHeight: '22.5px',
@@ -156,52 +166,69 @@ export function BotMessage(props: any) {
 							) : (
 								''
 							)}
-							<Markdown content={props.message.file ? props.message.file.match(/(.+)\/(.+)\?/)[2] : props.message.content} theme={theme} />
+							<Markdown
+								content={
+									props.message.file
+										? props.message.file.match(/(.+)\/(.+)\?/)[2]
+										: props.message.content
+								}
+								theme={theme}
+							/>
 						</Box>
 						<Box marginLeft={1} sx={{ cursor: 'pointer' }}>
 							<Box
-								onClick={handleClick}
 								aria-controls={open ? 'message-menu' : undefined}
 								aria-haspopup='true'
 								aria-expanded={open ? 'true' : undefined}
 							>
 								<TooltipCustom title={'Открыть меню'}>
-									<svg
-										width='22'
-										height='22'
-										viewBox='0 0 19 19'
-										fill='none'
-										xmlns='http://www.w3.org/2000/svg'
+									<button
+										className={styles.button}
+										onClick={handleClick}
 									>
-										<rect
-											x='1'
-											y='1'
-											width='7'
-											height='7'
-											rx='2'
-											stroke='#A4AAB5'
-											strokeWidth='2'
-										/>
-										<rect
-											x='1'
-											y='11'
-											width='7'
-											height='7'
-											rx='2'
-											stroke='#A4AAB5'
-											strokeWidth='2'
-										/>
-										<rect
-											x='11'
-											y='11'
-											width='7'
-											height='7'
-											rx='2'
-											stroke='#A4AAB5'
-											strokeWidth='2'
-										/>
-										<circle cx='14.5' cy='4.5' r='3.5' stroke='#A4AAB5' strokeWidth='2' />
-									</svg>
+										<svg
+											width='22'
+											height='22'
+											viewBox='0 0 19 19'
+											fill='none'
+											xmlns='http://www.w3.org/2000/svg'
+										>
+											<rect
+												x='1'
+												y='1'
+												width='7'
+												height='7'
+												rx='2'
+												stroke='#A4AAB5'
+												strokeWidth='2'
+											/>
+											<rect
+												x='1'
+												y='11'
+												width='7'
+												height='7'
+												rx='2'
+												stroke='#A4AAB5'
+												strokeWidth='2'
+											/>
+											<rect
+												x='11'
+												y='11'
+												width='7'
+												height='7'
+												rx='2'
+												stroke='#A4AAB5'
+												strokeWidth='2'
+											/>
+											<circle
+												cx='14.5'
+												cy='4.5'
+												r='3.5'
+												stroke='#A4AAB5'
+												strokeWidth='2'
+											/>
+										</svg>
+									</button>
 								</TooltipCustom>
 							</Box>
 							<Menu
@@ -213,12 +240,14 @@ export function BotMessage(props: any) {
 								onClick={handleClose}
 								sx={{
 									'& .MuiMenu-list': {
-										backgroundColor: theme === 'dark' ? '#303035' : '#EFF0F2',
+										backgroundColor:
+											theme === 'dark' ? '#303035' : '#EFF0F2',
 										color: '#8280FF',
 										borderRadius: '15px',
 									},
 									'& .MuiPopover-paper': {
-										backgroundColor: theme === 'dark' ? '#303035' : '#EFF0F2',
+										backgroundColor:
+											theme === 'dark' ? '#303035' : '#EFF0F2',
 										borderRadius: '15px',
 									},
 								}}
@@ -236,7 +265,9 @@ export function BotMessage(props: any) {
 										copy(
 											props.message.content
 												? props.message.content
-												: props.message.file.split('/')[4].split('?')[0]
+												: props.message.file
+														.split('/')[4]
+														.split('?')[0]
 										)
 									}}
 								>
@@ -9,6 +9,7 @@ import { Message } from '#/shared/lib/types/model'
 import { BotMessage } from '#/widgets/messages'
 import { Markdown } from '../../markdown/markdown'
 import { formatDate } from '#/shared/lib/helpers'
+import styles from './bot-message.module.scss'
 
 interface IMessagesList {
 	// messageResponse: Message[] | null
@@ -635,12 +636,15 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 									<Box display='flex' alignItems='center'>
 										<Box marginRight={1} sx={{ cursor: 'pointer' }}>
 											<Box
-												onClick={handleClick}
 												aria-controls={open ? 'message-menu' : undefined}
 												aria-haspopup='true'
 												aria-expanded={open ? 'true' : undefined}
 											>
 												<TooltipCustom title={'Открыть меню'}>
+													<button
+														className={styles.button}
+														onClick={handleClick}
+													>
 													<svg
 														width='22'
 														height='22'
@@ -683,6 +687,7 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 															strokeWidth='2'
 														/>
 													</svg>
+													</button>
 												</TooltipCustom>
 											</Box>
 											<Menu