JSFiddle - React, Tailwind, and code Playground

HTML

<div>

  <table id = "small">
      <tr><td>small</td></tr>
  </table>

  <table id = "large">
      <tr><td>large</td></tr>
      <tr><td>large</td></tr>
      <tr><td>large</td></tr>
      <tr><td>large</td></tr>
      <tr><td>large</td></tr>
  </table>

</div>

SCSS

div {position: relative; background: yellow;}
table {background: orange; border: 1px solid gray;}
#small {position: absolute; bottom: 0; width: 2.7em;}
#large {margin-left: 2.7em;}