JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cardio-form-container">
    <table>
<tr>
    <td>Contact #</td>
    <td>TextBoxTextBoxTextBoxTextBoxTextBoxTextBoxTextBox</td>
    <td>Locality</td>
    <td>TextBox</td>
    <td>FILE #</td>
    <td>TextBox</td>
    <td colspan="2">TextBox</td>
    <td>TAPE #</td>
    <td>TextBox</td>
    <td colspan="2">TextBox</td>
</tr>
<tr>
    <td>Referring MD</td>
    <td>TB</td>
    <td>Weight</td>
    <td>TB</td>
    <td>Sonographer</td>
    <td colspan="7">asdf</td>
        </tr></table>

CSS

.cardio-form-container table {
    border-collapse: collapse;
    border: solid 1px #000;
    table-layout: fixed;
    word-wrap:break-word;
    width: 100%;
}

.cardio-form-container table td {
    border: solid 1px #000;
}