JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width: 312px;" cellspacing="2">
    <tr>
        <td height="21" style="width:156px;padding:0px">
            <div>WebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbarsWebKitscrollbars</div>
        </td>
        <td class="viewDialogLabel" height="21" style="width:156px;padding:0px"> 
            <div>Normalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbarsnormalscrollbars</div>
        </td>
    </tr>
</table>

CSS

table {
    table-layout: fixed;
}

td {
    border: solid 1px #999;
    overflow: scroll;
}

:not(td.viewDialogLabel)::-webkit-scrollbar {
    width:  6px;
    height: 6px;
    background-color:transparent;
}
:not(td.viewDialogLabel)::-webkit-scrollbar-track {
    background-color:transparent;
    width: 6px;
}
:not(td.viewDialogLabel)::-webkit-scrollbar-track-piece {
    background-color: blue;
}
:not(td.viewDialogLabel)::-webkit-scrollbar-thumb {
    background-color: #d4dee8;
    width: 6px;
}