How to use Right align In the css, you'll see this: /*align-self: flex-end !important;*/ Just delete the orange /* and */. Thats it. To go back to left alignment, just add /* and */ back. Changing chat background color In this: #chat .chat-messages .bubble { background: #0e1726 !important; border-radius: 5px !important; /*align-self: flex-end !important;*/ } Change #0e1726 to whatever you want. Use HTML Color Picker to help you pick a color if you don't have/know a hex code.