@@ -58,7 +58,8 @@
 	margin: 0;
 }
 
-html {}
+html {
+}
 
 body {
 	max-width: 100vw;
@@ -131,6 +132,18 @@ p {
 	/* Измените тень, если необходимо */
 }
 
+.MuiInputBase-input:-webkit-autofill,
+.MuiInputBase-input:-webkit-autofill:hover,
+.MuiInputBase-input:-webkit-autofill:focus,
+.MuiInputBase-input:-webkit-autofill:active {
+	/* box-shadow: 0 0 0 100px var(--new-ui-main-color) inset !important; */
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: var(--text-color-main);
+	transition: background-color 5000s ease-in-out 0s;
+	box-shadow: inset 0 0 0 100px var(--new-ui-main-color);
+	border-radius: 15px;
+}
+
 /* Изменение цвета полоски сверху выпадающего списка */
 .MuiAutocomplete-listbox:before {
 	border-top: 1px solid var(--new-ui-main-color);
@@ -207,7 +220,8 @@ p {
 }
 
 /* Примените фиксированную ширину, если необходимо */
-.MuiMenu-paper {}
+.MuiMenu-paper {
+}
 
 .pd-30 {
 	padding: 30px;
@@ -368,7 +382,7 @@ textarea {
 	width: 150px !important;
 }
 
-.rdw-dropdown-optionwrapper>li {
+.rdw-dropdown-optionwrapper > li {
 	color: inherit !important;
 }
 
@@ -442,4 +456,4 @@ textarea {
 .my-node-exit-active {
 	opacity: 0;
 	transition: opacity 400ms;
-}
\ No newline at end of file
+}
@@ -1,4 +1,5 @@
 .button {
-  background-color: transparent;
-  border: 0;
-}
\ No newline at end of file
+	background-color: transparent;
+	border: 0;
+	cursor: pointer;
+}
@@ -175,11 +175,15 @@ export function BotMessage(props: any) {
 								theme={theme}
 							/>
 						</Box>
-						<Box marginLeft={1} sx={{ cursor: 'pointer' }}>
+						<Box marginLeft={1}>
 							<Box
 								aria-controls={open ? 'message-menu' : undefined}
 								aria-haspopup='true'
 								aria-expanded={open ? 'true' : undefined}
+								sx={{
+									position: 'sticky',
+									top: '20px',
+								}}
 							>
 								<TooltipCustom title={'Открыть меню'}>
 									<button
@@ -29,7 +29,11 @@ interface IMessagesList {
 	onLoadImage?: (event: React.ChangeEvent<HTMLInputElement> | null, file?: File) => void
 }
 
-export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setModal, ...props }: IMessagesList) {
+export const UserMessage = React.memo(function UserMessage({
+	setCurrentSrc,
+	setModal,
+	...props
+}: IMessagesList) {
 	const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null)
 	const open = Boolean(anchorEl)
 	const desktop = props.device === 'desktop'
@@ -118,7 +122,7 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 								</Typography>
 							</Stack>
 
-							<Box display='flex' alignItems='center' justifyContent='end'>
+							<Box display='flex' justifyContent='end'>
 								{props.message.file ? (
 									/\.jpg|\.png|\.jpeg|\.gif|\.webp|\.svg|\.wav/.test(
 										props.message.file as string
@@ -135,25 +139,40 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 											<Box sx={{ position: 'relative' }}>
 												<Image
 													onClick={() => {
-														if (!props.message.file) return
-														setCurrentSrc(props.message.file.toString().split('?type')[0])
+														if (!props.message.file)
+															return
+														setCurrentSrc(
+															props.message.file
+																.toString()
+																.split('?type')[0]
+														)
 														setModal(true)
 													}}
-													onLoadingComplete={() => setLoaded(true)}
+													onLoadingComplete={() =>
+														setLoaded(true)
+													}
 													style={{
 														objectFit: 'contain',
 														height: '100%',
 														width: '100%',
 														borderRadius: '13px',
 														cursor: 'pointer',
-														opacity: loaded ? '100%' : '0%',
+														opacity: loaded
+															? '100%'
+															: '0%',
 														minWidth: '100px',
 														minHeight: '100px',
 													}}
 													width={500}
 													height={500}
-													src={props.message.file.toString().split('?type')[0]}
-													alt={'К сожалению, изображение не загрузилось'}
+													src={
+														props.message.file
+															.toString()
+															.split('?type')[0]
+													}
+													alt={
+														'К сожалению, изображение не загрузилось'
+													}
 												/>
 												{!loaded && (
 													<Skeleton
@@ -174,57 +193,73 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 													/>
 												)}
 											</Box>
-											<Box display='flex' alignItems='center'>
-												<Box marginRight={1} sx={{ cursor: 'pointer' }}>
+											<Box display='flex'>
+												<Box marginRight={1}>
 													<Box
-														onClick={handleClick}
-														aria-controls={open ? 'message-menu' : undefined}
+														aria-controls={
+															open
+																? 'message-menu'
+																: undefined
+														}
 														aria-haspopup='true'
-														aria-expanded={open ? 'true' : undefined}
+														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'
+														<TooltipCustom
+															title={'Открыть меню'}
+														>
+															<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
@@ -237,18 +272,22 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 														sx={{
 															'& .MuiMenu-list': {
 																backgroundColor:
-																	theme === 'dark'
+																	theme ===
+																	'dark'
 																		? '#303035'
 																		: '#EFF0F2',
 																color: '#8280FF',
-																borderRadius: '15px',
+																borderRadius:
+																	'15px',
 															},
 															'& .MuiPopover-paper': {
 																backgroundColor:
-																	theme === 'dark'
+																	theme ===
+																	'dark'
 																		? '#303035'
 																		: '#EFF0F2',
-																borderRadius: '15px',
+																borderRadius:
+																	'15px',
 															},
 														}}
 													>
@@ -258,11 +297,15 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 																fontSize: '15px',
 																fontWeight: '500',
 																display: 'flex',
-																alignItems: 'center',
+																alignItems:
+																	'center',
 																gap: '10px',
 															}}
 															onClick={() => {
-																copy(props.message.content)
+																copy(
+																	props.message
+																		.content
+																)
 															}}
 														>
 															<svg
@@ -302,13 +345,18 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 																fontSize: '15px',
 																fontWeight: '500',
 																display: 'flex',
-																alignItems: 'center',
+																alignItems:
+																	'center',
 																gap: '5px',
 															}}
 															onClick={() => {
-																if (props.deleteMessage)
+																if (
+																	props.deleteMessage
+																)
 																	props.deleteMessage(
-																		props.message.uid
+																		props
+																			.message
+																			.uid
 																	)
 															}}
 														>
@@ -341,7 +389,9 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 															height={20}
 															width={20}
 															alt='1'
-															src={'/svg/important.svg'}
+															src={
+																'/svg/important.svg'
+															}
 														/>
 													)}
 												</TooltipCustom>
@@ -359,7 +409,8 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 														marginTop: 0.4,
 														textAlign: 'left',
 														whiteSpace:
-															props.message.content.length > 30
+															props.message.content
+																.length > 30
 																? 'pre-wrap'
 																: 'pre',
 													}}
@@ -383,7 +434,8 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 													onClick={() => {
 														if (props.message.file) {
 															window.open(
-																props.message.file as string,
+																props.message
+																	.file as string,
 																'_blank'
 															)
 														}
@@ -395,14 +447,17 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 														padding: '15px 23px',
 
 														border: `1px solid ${
-															theme === 'dark' ? '#303035' : '#EFF0F2'
+															theme === 'dark'
+																? '#303035'
+																: '#EFF0F2'
 														}`,
 
 														boxShadow: 'none',
 														fontSize: '15px',
 														marginTop: 0.5,
 														textAlign: 'left',
-														fontFamily: 'Raleway,sans-serif',
+														fontFamily:
+															'Raleway,sans-serif',
 														borderRadius: '13px',
 														'&  p': {
 															color: 'inherit',
@@ -433,18 +488,29 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 														</svg>
 													</Box>
 
-													<Markdown content={fileName} theme={theme} />
+													<Markdown
+														content={fileName}
+														theme={theme}
+													/>
 												</Box>
 											</Box>
-											<Box display='flex' alignItems='center'>
-												<Box marginRight={1} sx={{ cursor: 'pointer' }}>
+											<Box display='flex'>
+												<Box marginRight={1}>
 													<Box
 														onClick={handleClick}
-														aria-controls={open ? 'message-menu' : undefined}
+														aria-controls={
+															open
+																? 'message-menu'
+																: undefined
+														}
 														aria-haspopup='true'
-														aria-expanded={open ? 'true' : undefined}
+														aria-expanded={
+															open ? 'true' : undefined
+														}
 													>
-														<TooltipCustom title={'Открыть меню'}>
+														<TooltipCustom
+															title={'Открыть меню'}
+														>
 															<svg
 																width='22'
 																height='22'
@@ -499,18 +565,22 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 														sx={{
 															'& .MuiMenu-list': {
 																backgroundColor:
-																	theme === 'dark'
+																	theme ===
+																	'dark'
 																		? '#303035'
 																		: '#EFF0F2',
 																color: '#8280FF',
-																borderRadius: '15px',
+																borderRadius:
+																	'15px',
 															},
 															'& .MuiPopover-paper': {
 																backgroundColor:
-																	theme === 'dark'
+																	theme ===
+																	'dark'
 																		? '#303035'
 																		: '#EFF0F2',
-																borderRadius: '15px',
+																borderRadius:
+																	'15px',
 															},
 														}}
 													>
@@ -520,11 +590,15 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 																fontSize: '15px',
 																fontWeight: '500',
 																display: 'flex',
-																alignItems: 'center',
+																alignItems:
+																	'center',
 																gap: '10px',
 															}}
 															onClick={() => {
-																copy(props.message.content)
+																copy(
+																	props.message
+																		.content
+																)
 															}}
 														>
 															<svg
@@ -564,13 +638,18 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 																fontSize: '15px',
 																fontWeight: '500',
 																display: 'flex',
-																alignItems: 'center',
+																alignItems:
+																	'center',
 																gap: '5px',
 															}}
 															onClick={() => {
-																if (props.deleteMessage)
+																if (
+																	props.deleteMessage
+																)
 																	props.deleteMessage(
-																		props.message.uid
+																		props
+																			.message
+																			.uid
 																	)
 															}}
 														>
@@ -603,7 +682,9 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 															height={20}
 															width={20}
 															alt='1'
-															src={'/svg/important.svg'}
+															src={
+																'/svg/important.svg'
+															}
 														/>
 													)}
 												</TooltipCustom>
@@ -621,7 +702,8 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 														marginTop: 0.4,
 														textAlign: 'left',
 														whiteSpace:
-															props.message.content.length > 30
+															props.message.content
+																.length > 30
 																? 'pre-wrap'
 																: 'pre',
 													}}
@@ -633,60 +715,68 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 										</Box>
 									)
 								) : (
-									<Box display='flex' alignItems='center'>
-										<Box marginRight={1} sx={{ cursor: 'pointer' }}>
+									<Box display='flex'>
+										<Box marginRight={1}>
 											<Box
-												aria-controls={open ? 'message-menu' : undefined}
+												aria-controls={
+													open ? 'message-menu' : undefined
+												}
 												aria-haspopup='true'
-												aria-expanded={open ? 'true' : undefined}
+												aria-expanded={
+													open ? 'true' : undefined
+												}
+												sx={{
+													position: 'sticky',
+													top: '20px',
+												}}
 											>
 												<TooltipCustom title={'Открыть меню'}>
 													<button
 														className={styles.button}
 														onClick={handleClick}
 													>
-													<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>
+														<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>
@@ -700,13 +790,17 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 												sx={{
 													'& .MuiMenu-list': {
 														backgroundColor:
-															theme === 'dark' ? '#303035' : '#EFF0F2',
+															theme === 'dark'
+																? '#303035'
+																: '#EFF0F2',
 														color: '#8280FF',
 														borderRadius: '15px',
 													},
 													'& .MuiPopover-paper': {
 														backgroundColor:
-															theme === 'dark' ? '#303035' : '#EFF0F2',
+															theme === 'dark'
+																? '#303035'
+																: '#EFF0F2',
 														borderRadius: '15px',
 													},
 												}}
@@ -766,7 +860,9 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 													}}
 													onClick={() => {
 														if (props.deleteMessage)
-															props.deleteMessage(props.message.uid)
+															props.deleteMessage(
+																props.message.uid
+															)
 													}}
 												>
 													<svg
@@ -816,7 +912,9 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 												marginTop: 0.4,
 												textAlign: 'left',
 												whiteSpace:
-													props.message.content.length > 30 ? 'pre-wrap' : 'pre',
+													props.message.content.length > 30
+														? 'pre-wrap'
+														: 'pre',
 											}}
 										>
 											{/*<Markdown content={props.message.content} />*/}