JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width: 312px;">
    <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 {
    overflow: scroll;
}

::-webkit-scrollbar {
    width:  6px;
    height: 6px;
    background-color:transparent;
}
::-webkit-scrollbar-track {
    background-color:transparent;
    width: 6px;
}
::-webkit-scrollbar-track-piece  {
    background-color: blue;
}
::-webkit-scrollbar-thumb {    
    background-color: #d4dee8;
    width: 6px;
}



.viewDialogLabel::-webkit-scrollbar {
    width: initial;
    height: initial;
    background-color:initial;
}
.viewDialogLabel::-webkit-scrollbar-track {
    background-color:initial;
    width: initial;
}
.viewDialogLabel::-webkit-scrollbar-track-piece  {
    background-color: initial;
}
.viewDialogLabel::-webkit-scrollbar-thumb {    
    background-color: initial;
    width: initial;
}