JSFiddle - React, Tailwind, and code Playground

HTML

<div id="TB_window" style="width: 470px; height: 314px; margin-left: -335px; top: 48px; margin-top: 0px; visibility: visible;"><div id="TB_title"><div id="TB_ajaxWindowTitle">Title</div><div id="TB_closeAjaxWindow"><a href="#" id="TB_closeWindowButton"><div class="tb-close-icon"></div></a></div></div><div id="TB_ajaxContent" class="THIS_DIV_USUALLY_CREATES_VERTICAL_SCROLL NOTE_HEIGHT_AUTO_VS_HEIGHT_100" style="width: 440px; overflow-x: hidden;">
    
        <div class="THIS_DIV_DOESNT_ACCEPT_MAX_HEIGHT_RELATIVE_TO_PARENT">
            <table class="form-table ss-forms-table">
                <tbody>
                <tr>
                    <th>A lot of content.</th>
                    <td>A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content.</td></tr><tr>
                    <th>A lot of content.</th>
                    <td>A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot of content. A lot...

CSS

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	visibility: hidden;
	text-align:left;
	top:50%;
	left:50%;
	border: 1px solid #555;
	-moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;
	-khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;
	box-shadow: rgba(0,0,0,1) 0 4px 30px;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 -...