Changing the chat_input width

[madmax98]

I am Locally trying to Implement a Chat app and i want to reduce the width of the chat input element does anyone here know how to do this?

[dataprofessor]

Hi @madmax98

There’s a solution with code snippet by @blackary to a related post that you could try by customizing the CSS of the chat_input element.

Place Content Beneath st.chat_input() Element

Here’s one way to do it using streamlit extras import streamlit as st from streamlit_extras.stylable_container import stylable_container if "messages" not in st.session_state: st.session_state["messages"] = [] def generate_response(prompt): return f"This is a response to: {prompt}", 0, 0, 0 for message in st.session_state["messages"][1:]: with st.chat_message(message["role"]): st.markdown(message["content"]) if prompt := st.chat_input("Type your message..."): st.se…

Hope this helps!