JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table ui-accordion ui-widget ui-helper-reset" id="accordion" role="tablist">
    <thead class="mediumTextSize">
        <tr>
            <th class="specificWidth"></th>
            <th>Question Asked</th>
            <th>Timestamp</th>
            <th>Number of answers</th>
        </tr>
    </thead>

    <tbody>
            <tr tabindex="0" class="unansweredQuestion ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons" id="ui-id-1" role="tab" aria-expanded="false" aria-selected="false" aria-controls="ui-id-2"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>
                <td>asdfsadfsadf</td>
                <td class="DateTimeString">4/30/2018 3:16:43 PM</td>
                <td>0</td>
            </tr>
            <tr class="suggestedAnswers ui-accordion-content ui-corner-bottom ui-helper-reset ui-widget-content" id="ui-id-2" role="tabpanel" aria-hidden="true" aria-labelledby="ui-id-1" style="display: none;">
                <td colspan="4">
                         No answers were suggested.

                </td>
            </tr>
            <tr tabindex="-1" class="unansweredQuestion ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons" id="ui-id-3" role="tab" aria-expanded="false" aria-selected="false" aria-controls="ui-id-4"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>
                <td>how do I?</td>
                <td class="DateTimeString">4/30/2018 3:16:21 PM</td>
                <td>2</td>
            </tr>
            <tr class="suggestedAnswers ui-accordion-content ui-corner-bottom ui-helper-reset ui-widget-content" id="ui-id-4" role="tabpanel" aria-hidden="true" aria-labelledby="ui-id-3" style="display: none;">
                <td colspan="4">
                        <table class="maxWidth table">
        <thead>
            <tr>
               ...

CSS

.mediumTextSize {
    font-size: medium;
}
.specificWidth {
    width: 10%;
}
.bold {
    font-weight: bold;
}
.unansweredQuestion, .questionRow {
    width: 100%;
    display: table-row !important;
}
.horizontalInput {
    display: inline;
    padding: 5px;
}

JavaScript

$("#accordion").accordion({
        collapsible: true,
        active: false,
        animate: false,
        heightStyle: "content",
        header: ".unansweredQuestion"
    });