JSFiddle - React, Tailwind, and code Playground

HTML

<div class="no-contact-info">
    <textarea></textarea>
    <span>no contact info</span>
</div>

CSS

.no-contact-info {
    width: 400px;
}

.no-contact-info textarea {
    width: 100%;
    border: 1px solid #9E9E9E;
    z-index: 1;
    margin: 0;
}

.no-contact-info span {
    display: block;
    background:#FFFFC6 url(/media/icons/error.png) no-repeat 4px center;
    
    padding: 2px 0 1px 24px;
    
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    
    border: 1px solid #9E9E9E;
    border-top: none;
    width: 200px;
    margin-top: -3px;
    z-index: 2;
    
    
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}