fix: add white background to carousel (DSN-2538) (#308)

voiceflow · Nov 13, 2024 · be4aa7c · be4aa7c
1 parent 8626fa1
commit be4aa7c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/packages/chat/src/components/Carousel/styles.css.ts b/packages/chat/src/components/Carousel/styles.css.ts
@@ -1,5 +1,6 @@
 import { style } from '@vanilla-extract/css';
 
+import { COLORS } from '@/styles/colors';
 import { CHAT_WIDTH } from '@/views/ChatWidget/styles.css';
 
 import { SMALL_AVATAR_SIZE } from '../Avatar/styles.css';
@@ -31,6 +32,7 @@ export const cardsInnerContainer = style({
   display: 'flex',
   alignItems: 'start',
   gap: `${GUTTER_WIDTH}px`,
+  backgroundColor: COLORS.white,
 });
 
 export const carouselContainer = style({

diff --git a/packages/chat/src/components/SystemResponse/SystemResponse.story.tsx b/packages/chat/src/components/SystemResponse/SystemResponse.story.tsx
@@ -123,6 +123,7 @@ export const ActionableCard: Story = {
 
 export const Carousel: Story = {
   args: {
+    avatar: EMPTY_IMAGE,
     messages: [
       {
         type: 'carousel',