How to display user and assistant chat on opposite sides when streaming like a conversation

[blackary]

This method still works as of streamlit 1.30

How to Right Justify st.chat_message?

Here’s a way to do it – NOTE that the classes involved may change, but this works today for streamlit 1.28.1 with the current classes import streamlit as st st.markdown( """ <style> .st-emotion-cache-janbn0 { flex-direction: row-reverse; text-align: right; } </style> """, unsafe_allow_html=True, ) messages = [{ "author": "user", "message": "hi", }, { "author": "assistant", "message": "I'm a bot" }] * 3 for message in messages: with st.chat_…