I have done some settings for button pdf , excel on datatable.Settings such as page orientation for pdf is landscape, and the color of the pdf and excel buttons as shown in the image below. But the length of the search box overlaps

How to adjust the length of the search boxes so they don't overlap?

(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]);