Hice algunas configuraciones para el botón pdf, excel en datatable. Las configuraciones como la orientación de la página para pdf es horizontal y el color de los botones pdf y excel como se muestra en la imagen a continuación. Pero la longitud del cuadro de búsqueda se superpone

¿Cómo ajustar la longitud de los cuadros de búsqueda para que no se superpongan?

 (function($) { var datatableInit = function() { $.fn.DataTable.ext.classes.sFilterInput = "form-control form-control-sm mt-1"; $('#tableSKKO').dataTable({ "responsive":true, "searching":true, "processing": true, "serverSide": true, "ordering": false, "order": [], "ajax": { "url": "<?php echo site_url('admin/ajax/skko')?>", "type": "POST", }, lengthMenu: [ [ 10, 25, -1 ], [ '10 rows', '25 rows', 'Show all' ] ], dom: 'Blfrtip', buttons: { buttons: [ {extend: 'excel', className: 'btn btn-success'}, { extend: 'pdfHtml5', className: 'btn btn-danger', orientation: 'landscape', pageSize: 'LEGAL' } ], dom: { button: { className: 'btn' } } }, }); }; $(function() { datatableInit(); }); }).apply(this, [jQuery]);