JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <table class="disk-size-table center">
        <tr class="disk-size-row">

           <td class="disk-size-td draggable" data-disk-size="500">
                    500 GB
                 </td> 

        </tr>
    </table>
</div>

CSS

.disk-size-table {
    border-spacing: 0;
}

.disk-size-td {
    border: 1px solid black;
    border-radius: 5px;
    width: 60px;
    height: 70px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    display: inline-block;
    display: table-cell;
}

table.center {
    margin-left: auto;
    margin-right: auto;
}