/* Set the position of the TH to relative so that the absolute positioning of the icon is relative to it */
.bx--data-table-v2 th {
  display: table-cell;
  vertical-align: middle;
  position: relative; /* Add this line */
  padding-right: 20px; /* Add padding to ensure space for the icon */
}

/* Adjustments for the custom overflow icon */
.custom-overflow-icon {
  position: absolute; /* Position the icon absolutely within the TH */
  right: 4px; /* Position the icon 4px from the right edge of the TH */
  top: 50%; /* Align the icon vertically */
  transform: translateY(-50%); /* Center the icon vertically */
  margin-right: 0; /* No need for margin-right since it's absolutely positioned */
}

/* Ensure the image within the custom overflow icon inherits the display properties */
.custom-overflow-icon img {
  display: block; /* Change to block so it doesn't inherit inline-block */
  vertical-align: middle;
}

/* Ensure the table layout is set to auto to accommodate the absolute positioning */
.bx--data-table-v2 {
  table-layout: auto;
  width: 100%; /* Ensure the table expands to the full width of its container */
}