.chat-row{ display: flex; border-radius: 5px; padding: 5px; margin: 2px; } .chat-row-reverse{ flex-direction: row-reverse; } .chat-row--img{ height: 32px; width: 32px; } .chat-row--msg{ max-width: 75%; border-radius: 5px; margin: 2px 5px; padding: 5px; } .chat-row--user{ background-color: lightblue; } .chat-row--ai{ background-color: salmon; padding-left: 10px; } .chat-row--confidence{ /* display: flex; flex-direction: column; */ font-size: 12px; border-radius: 5px; background-color: gold; padding: 2px; margin: 0px 5px; }