/* Ensures table headers are displayed as inline-flex to align items in a row */
.bx--data-table-v2 th {
    display: inline-flex;
    align-items: center;
    white-space: nowrap; /* Prevent text wrapping */
}

/* Targets the custom menu container to prevent it from taking up full width */
.bx--data-table-v2 th app-custom-menu, 
.bx--data-table-v2 th .super-div {
    display: inline-flex; /* Allows the icon to stay in line with the text */
    flex-shrink: 0; /* Prevents the container from shrinking, pushing the icon to a new line */
}

/* Specifically targets the icon within the custom overflow icon container */
.bx--data-table-v2 th .custom-overflow-icon {
    margin-left: 8px; /* Adjust spacing between text and icon */
    display: inline-block; /* Ensures icon is in line */
    vertical-align: middle; /* Aligns icon vertically with text */
}

/* Adjusts the size of the icon, if necessary, to ensure it doesn't force a line break */
.bx--data-table-v2 th .custom-overflow-icon img {
    width: 16px; /* Adjust as necessary */
    height: auto;
}