feat: ui fixed

app/containers/Chat/components/ChatActions.tsx

@@ -182,7 +182,7 @@ export function ChatActions(props: {
             return (
               <div
                 key={act.text}
-                className={`flex items-center gap-3 p-3 rounded-action-btn leading-6`}
+                className={`flex items-center gap-3 p-3 rounded-action-btn leading-6 cursor-pointer`}
                 onClick={act.onClick}
               >
                 {act.icon}

app/containers/Chat/components/ChatMessagePanel.tsx

@@ -180,7 +180,7 @@ export default function ChatMessagePanel(props: ChatMessagePanelProps) {
                 )}
               </div>
               <div
-                className={`group relative flex-1 flex ${
+                className={`group relative flex flex ${
                   isUser ? "flex-row-reverse" : ""
                 }`}
               >

app/containers/Chat/components/MessageActions.tsx

@@ -261,17 +261,13 @@ export default function MessageActions(props: MessageActionsProps) {
     showActions && (
       <div
         className={`
-          absolute z-10
+          absolute z-10 w-[100%]
           ${isUser ? "right-0" : "left-0"} 
           transition-all duration-300 
           opacity-0
           pointer-events-none
           group-hover:opacity-100 
           group-hover:pointer-events-auto
-          bg-chat-message-actions 
-          rounded-md 
-          shadow-message-actions-bar 
-          dark:bg-none
           ${className}
         `}
       >
@@ -285,7 +281,13 @@ export default function MessageActions(props: MessageActionsProps) {
             onUserStop,
           })}
           groups={groupsTypes[groupsType]}
-          className="flex flex-row gap-1  p-1"
+          className={`
+            float-right flex flex-row gap-1  p-1
+            bg-chat-message-actions 
+            rounded-md 
+            shadow-message-actions-bar 
+            dark:bg-none
+          `}
         />
       </div>
     )