From 62d1bd856c78131e4f77bc695b3fa456e282ffb6 Mon Sep 17 00:00:00 2001
From: Krishav Raj Singh <krishavrajsingh@gmail.com>
Date: Fri, 18 Jul 2025 05:35:14 +0530
Subject: [PATCH] final_changes

---
 frontend/src/components/thread/content/ThreadContent.tsx | 4 ++--
 frontend/src/components/thread/message-actions.tsx       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/thread/content/ThreadContent.tsx b/frontend/src/components/thread/content/ThreadContent.tsx
index 5baaa25e..0c2fa980 100644
--- a/frontend/src/components/thread/content/ThreadContent.tsx
+++ b/frontend/src/components/thread/content/ThreadContent.tsx
@@ -644,7 +644,7 @@ export const ThreadContent: React.FC<ThreadContentProps> = ({
                                     } else if (group.type === 'assistant_group') {
                                         return (
                                             <div key={group.key} ref={groupIndex === groupedMessages.length - 1 ? latestMessageRef : null}>
-                                                <div className="flex flex-col gap-2 group">
+                                                <div className="flex flex-col gap-2 group bg-card border px-4 py-3 rounded-3xl rounded-bl-lg relative">
                                                     <div className="flex items-center">
                                                         <div className="rounded-md flex items-center justify-center">
                                                             {(() => {
@@ -964,7 +964,7 @@ export const ThreadContent: React.FC<ThreadContentProps> = ({
                                                         // Get the processed content that was stored during rendering
                                                         const processedContent = group.processedContent;
                                                         return (
-                                                            <div className="opacity-0 group-hover:opacity-100 transition-opacity">
+                                                            <div className="opacity-0 group-hover:opacity-100 transition-opacity bg-card border absolute -bottom-4 right-4 rounded-full p-2">
                                                                 <MessageActions 
                                                                     messageId={messageId} 
                                                                     initialFeedback={firstAssistant?.user_feedback ?? null}
diff --git a/frontend/src/components/thread/message-actions.tsx b/frontend/src/components/thread/message-actions.tsx
index 4b8328fc..0491f745 100644
--- a/frontend/src/components/thread/message-actions.tsx
+++ b/frontend/src/components/thread/message-actions.tsx
@@ -74,7 +74,7 @@ export default memo(function MessageActions({ messageId, initialFeedback = null,
   };
 
   return (
-    <div className="flex items-center gap-1 ml-auto justify-end pr-8">
+    <div className="flex items-center gap-1 justify-end">
       <button 
         className="h-4 w-4 p-0 rounded-sm hover:bg-muted/50 transition-colors flex items-center justify-center" 
         onClick={handleCopy}