Revert changes to chat bubble but make the bg color a lighter gray

Author: charlesvien

apps/array/src/renderer/features/sessions/components/ChatBubble.tsx

@@ -11,11 +11,8 @@ export function ChatBubble({ variant, children }: ChatBubbleProps) {
 
   return (
     <Box
-      className={`max-w-[95%] xl:max-w-[60%] [&>*:last-child]:mb-0 ${
-        isUser
-          ? "ml-auto rounded-xl rounded-br-sm bg-accent-4 px-3 py-2"
-          : "mr-auto"
-      }`}
+      className={`mr-auto max-w-[95%] py-1 xl:max-w-[60%] [&>*:last-child]:mb-0 ${isUser ? "mt-4 rounded-xl rounded-bl-sm bg-gray-4 px-3 py-2" : ""}
+      `}
     >
       {children}
     </Box>