# Reproducing chatinterface submit button

**URL:** <https://discuss.huggingface.co/t/reproducing-chatinterface-submit-button/63663>\
**Category:** 🔒 Gradio\
**Created:** [November 27, 2023, 8:14am UTC](https://discuss.huggingface.co/t/reproducing-chatinterface-submit-button/63663 "2023-11-27T08:14:45Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![vman69](https://avatars.discourse-cdn.com/v4/letter/v/c67d28/32.png) [@vman69](https://discuss.huggingface.co/u/vman69)\
**Post date:** [November 27, 2023, 8:14am UTC](https://discuss.huggingface.co/t/reproducing-chatinterface-submit-button/63663/1 "2023-11-27T08:14:45Z")

</div>

I’m using blocks. I would like to reproduce the look of the submit button that sits next to the input box in the chatinterface with the orange button is connected to the text input. Like here:

 ![Screenshot 2023-11-27 at 6.52.40 pm](https://us1.discourse-cdn.com/hellohellohello/original/3X/e/1/e1877aed6f7fcaf295980479657237989c86ec9c.png)

Is there any easy way to do this? I want to submit button to sit next to the msg input box

```auto
with gr.Blocks() as demo:
    chatbot = gr.Chatbot()
    msg = gr.Textbox()
    clear = gr.ClearButton([msg, chatbot])

```