Customizing chat CSS

The Chat web part has its CSS styles defined by default. If you want the individual web parts to look like the components of the Chat web part, you just need to wrap them in the Gray box with header web part container.