JSFiddle - React, Tailwind, and code Playground

by Upward

HTML

<svg>
    <rect class="tooltip-background" x="13" y="0" rx="3" ry="3" width="73" height="20"></rect>
<linearGradient id="task-group" x1="0" x2="0" y1="0" y2="1"><stop stop-color="#ffffff" offset="5%" stop-opacity="1"></stop><stop stop-color="#F4F6F7" offset="5%" stop-opacity="1"></stop><stop stop-color="#ECF0F1" offset="100%" stop-opacity="1"></stop></linearGradient>
</svg>

CSS

.tooltip-background {
    fill: url(#task-group);
}