PEER-236: UI fixes

Author: cyiting

frontend/src/components/blocks/interview/chat/chat-message.tsx

@@ -32,7 +32,7 @@ export const ChatMessage: React.FC<ChatMessageProps> = ({ message }) => {
     <div className={`flex ${message.isUser ? 'justify-end' : 'justify-start'} mb-4`}>
       <div
         className={`max-w-[85%] rounded-lg px-4 py-2 text-xs ${
-          message.isUser ? 'bg-primary-foreground' : 'bg-secondary'
+          message.isUser ? 'bg-secondary/50' : 'bg-secondary'
         }`}
       >
         {parts.map((part, index) => {

frontend/src/routes/interview/[room]/main.tsx

@@ -49,7 +49,7 @@ export const InterviewRoom = () => {
     <WithNavBlocker>
       <WithNavBanner crumbs={crumbs}>
         <div className='flex flex-1 overflow-hidden'>
-          <Card className='border-border m-4 w-1/3 max-w-[500px] overflow-hidden p-4 md:w-2/5'>
+          <Card className='border-border m-4 w-1/3 overflow-hidden p-4 md:w-2/5'>
             <QuestionDetails {...{ questionDetails }} />
           </Card>
           <div className='flex w-full'>