.table-component {
    td > button {
        width: 100%;
    }

    .action {
        cursor: pointer;
        max-width: 48px;
        min-width: 48px;
        text-align: center;
        vertical-align: middle;
    }

    .action i {
        font-size: 20px;
    }

    .action div {
        display: inline-block;
        margin-right: 8px;
    }
}
html[data-theme="dark"] {
    div.dt-container .dt-paging .dt-paging-button.disabled,
    div.dt-container .dt-paging .dt-paging-button.disabled:hover,
    div.dt-container .dt-paging .dt-paging-button.disabled:active {
        color: rgba(255, 255, 255, 0.5) !important;
    }
}
#datatable-pagination button {
    min-width: 36px;
    height: 36px;
}