Para que um site seja responsivo é preciso que ele possua a seguinte tag no head do html:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Caso o site/arquivo html não possua essa tag, os navegadores consideram como se fosse um desktop, fazendo com que o WebChat não seja visualizado da maneira correta.