fix: user message

voiceflow · Nov 12, 2024 · f4af0cd · f4af0cd
1 parent 5248051
commit f4af0cd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/packages/chat/src/components/UserMessage/UserMessage.css.ts b/packages/chat/src/components/UserMessage/UserMessage.css.ts
@@ -10,8 +10,6 @@ export const messageContainer = style({
   backgroundColor: PALETTE.colors[500],
   color: PALETTE.colors[50],
   padding: '11px 16px 10px',
-  marginBottom: 4,
-  marginTop: 12,
   fontFamily: FAMILY,
   position: 'relative',
   fontSize: '14px',

diff --git a/packages/chat/src/components/UserResponse/index.tsx b/packages/chat/src/components/UserResponse/index.tsx
@@ -4,7 +4,8 @@ import { ClassName } from '@/constants';
 import { useAutoScroll } from '@/hooks/useAutoScroll';
 
 import { Tooltip } from '../Tooltip';
-import { debugMessage, messageContainer, messageRow, messageStyle } from './styles.css';
+import { UserMessage } from '../UserMessage';
+import { debugMessage, messageContainer, messageRow } from './styles.css';
 
 export interface DebugActionProps {
   label: string;
@@ -59,7 +60,7 @@ export const UserResponse: React.FC<UserResponseProps> = ({ message, debug, isFi
   return (
     <div className={clsx(ClassName.USER_RESPONSE, messageContainer)}>
       <div className={messageRow({ isFirst, hasAvatar })}>
-        <div className={messageStyle}>{message}</div>
+        <UserMessage message={message} />
       </div>
       {debug && (
         <>