# Making the chat feature look nicer

**URL:** <https://community.glideapps.com/t/making-the-chat-feature-look-nicer/48505>\
**Category:** Ask for Help\
**Created:** [September 3, 2022, 5:45pm UTC](https://community.glideapps.com/t/making-the-chat-feature-look-nicer/48505 "2022-09-03T17:45:42Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michael\_Zaps](https://avatars.discourse-cdn.com/v4/letter/m/c5a1d2/32.png) [@Michael\_Zaps](https://community.glideapps.com/u/Michael_Zaps)\
**Post date:** [September 3, 2022, 5:45pm UTC](https://community.glideapps.com/t/making-the-chat-feature-look-nicer/48505/1 "2022-09-03T17:45:42Z")

</div>

How do I make the chat feature look more like the iMessage and/or Instagram chat interface? The default chat functionality requires making a “comment” in a separate window before it is entered into the chat interface. The chat interface as well is not set up where the external user’s messages appear indented to the ;eft, and the current user’s is indented to the right as it is in most modern chatting interfaces.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 4, 2022, 1:53am UTC](https://community.glideapps.com/t/making-the-chat-feature-look-nicer/48505/2 "2022-09-04T01:53:08Z")

</div>

> [@Formatting Chat messages with/without CSS](https://community.glideapps.com/t/formatting-chat-messages-with-without-css/48410/):
>
> Hello Community, I am here to ask for help about messages. I am using a normal inline list for 1:1 Message. But I would like to have a Whatsapp Style. So far the idea is to: add a tag “Right” when the sender is the registered user visualize the tag in the list as “Header” in the inline list and use CSS to format lines where the Header is available… So far my CSS is: \<pre\>\<span\>\<style\> .card-header{visibility:hidden; display:none;} /// remove the tag .bottom-area .card…

We’re building something here with CSS. Not guaranteed to work, but will report if we find something interesting.