JSFiddle - React, Tailwind, and code Playground

HTML

<div class="chatbox"></div>

CSS

.chatbox{
    position: relative;
    width: 54px;
    border-width: 50px 18px 0;
    border-style: solid;
    border-color: red transparent;
    
    top: 60px;
    left: 40px;
}
.chatbox:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: -85px;
    left: -18px;
    border-width: 0 35px 25px;
    border-style: solid;
    border-color: transparent transparent red;
}