.MesaComponent {
  .DataTable {
    font-size: $fontSize;
    width: 100%;
    display: block;

    table {
      width: 100%;
    }

    .DataTable-Sticky {
      display: block;
      overflow: visible;
      position: relative;

      .DataTable-Header, .DataTable-Body {
        display: block;
        overflow: visible;
        overflow-y: auto;
        // table { table-layout: fixed; }
      }

      .DataTable-Body {
        padding-bottom: 1.5em; /* prevent macos scrollbar from occluding last row */
      }

      .DataTable-Header {
        overflow: hidden;

        /* set sticky header table width to auto so that scrollbars in the body section don't throw off cell widths */
        // table {
        //   width: auto;
        // }
      }
    }
  }
}