@@ -110,13 +110,13 @@ export function useChatMessageActions() {
 		dispatch(getUserBalance(session?.access))
 	})
 
-	async function deleteMessage(uid: string) {
+	const deleteMessage = makePrivateRequest(async (uid: string) => {
 		if (!currentChat) return
 
 		const { status } = await removeMessage(currentChat, uid)
 
-		if (status) setMessages(messages?.filter((el) => el.uid !== uid))
-	}
+		if (status) setMessages(messages.filter((el) => el.uid !== uid))
+	})
 
 	return {
 		sendMessage,
@@ -16,6 +16,8 @@ export const PopupBackdrop = () => {
 	return (
 		<div
 			onWheel={(e) => e.stopPropagation()}
+      onMouseEnter={(e) => e.stopPropagation()}
+      onMouseLeave={(e) => e.stopPropagation()}
 			onClick={() => hideAllPopups()}
 			className={c(styles.backdrop, someIsOpened && styles.backdrop_open)}
 		></div>
@@ -12,9 +12,11 @@
 }
 
 .slider {
-	margin: 13px 10px;
+	margin: 13px 0px;
 	position: relative;
+	width: 100%;
 	height: 4px;
+	background-color: #eff0f294;
 	border-radius: 3px;
 	cursor: pointer;
 	user-select: none;
@@ -22,14 +24,10 @@
 	&::before {
 		content: '';
 		position: absolute;
-		top: 0;
-		bottom: 0;
-		left: -10px;
-		right: -10px; // компенсируем внешний отступ (margin-right)
-		background-color: #eff0f294;
-		border-radius: 3px;
-		z-index: 0;
-		pointer-events: none;
+		width: 100%;
+		top: 50%;
+    transform: translateY(-50%);
+		height: 15px;
 	}
 
 	&__thumb {
@@ -55,9 +53,7 @@
 
 html[data-theme='dark'] {
 	.slider {
-		&::before {
-			background-color: #40404e;
-		}
+		background-color: #40404e;
 		&__thumb {
 			background-color: #373737;
 			border: 2px solid #7f7df3;
@@ -32,6 +32,7 @@ export const CommonTooltip = ({
 		<div
 			onMouseEnter={() => setHovered(true)}
 			onMouseLeave={() => setHovered(false)}
+      onClick={() => setHovered(false)}
 			className={c(styles.wrap, styles[`wrap_${position}`], className)}
 			{...props}
 		>