[BUG]: Specific Margin For Checkbox In BlTable

[ozkersemih]

Issue description

There is selectable variant for bl-table component. In storybook stories, there are several examples for selectable variant but all of them includes text or other element with checkbox in select column. I just need to checbox itself but there is specific margin for that checkbox and it does not seem aligned somehow in the column.

<bl-table selectable multiple>
  <bl-table-header sticky>
    <bl-table-row>
      <bl-table-header-cell style="--bl-table-header-cell-width:16px;"></bl-table-header-cell>
      <bl-table-header-cell>Header 2</bl-table-header-cell>
      <bl-table-header-cell>Header 3</bl-table-header-cell>
    </bl-table-row>
  </bl-table-header>
  <bl-table-body>
    <bl-table-row selection-key="row-1">
      <bl-table-cell></bl-table-cell>
      <bl-table-cell>Cell 2</bl-table-cell>
      <bl-table-cell>Cell 3</bl-table-cell>
    </bl-table-row>
    <bl-table-row selection-key="row-1">
      <bl-table-cell></bl-table-cell>
      <bl-table-cell>Cell 5</bl-table-cell>
      <bl-table-cell>Cell 6</bl-table-cell>
    </bl-table-row>
  </bl-table-body>
</bl-table>

Media & Screenshots

No response

Baklava Version

No response

Operating system

• OS: [e.g. iOS]:

• Browser [e.g. chrome, safari]:

• Any other details...

Priority this issue should have

Low (slightly annoying)

Please review the checkboxes that are applicable.

• This issue is directly related to React