javascript - DataTables ドロップダウン ボタンのスタイル設定

Question

私のプロジェクトでは、Metronic v6 管理パネル テンプレートを使用して DataTables を使用しています。しかし、DataTables ドロップダウン エクスポート ボタンのスタイルは正しくないようです。DataTables スタイルシートまたは DataTables js には何もありません。

私のdomコード

dom: '<"row"<"col-8"B><"col-3 float-right"f><"col-1 float-right"l>>rtip',
                buttons: [
                    {
                        extend: 'collection',
                        text: '<i class="fa fa-ellipsis-v"></i>',
                        className: 'btn btn-primary btn-elevate btn-icon btn-sm btn-square',
                        buttons: [
                            { text: 1 },
                            { text: 2 },
                            { text: 3 },
                            { text: 4 },
                            { text: 5 }
                        ],
                        dropup: true
                    },
                    { extend: 'copy', className: 'btn btn-warning btn-elevate btn-icon btn-sm btn-square', titleAttr:'Copy', text:'<i class="fa fa-file-alt"></i>' },
                    { extend: 'excel', className: 'btn btn-success btn-elevate btn-icon btn-sm btn-square', titleAttr:'Excel', text:'<i class="fa fa-file-excel"></i>'},
                    { extend: 'pdf', className: 'btn btn-google btn-elevate btn-icon btn-sm btn-square', titleAttr:'PDF', text: '<i class="fa fa-file-pdf"></i>' },
                    { extend: 'colvis', className: 'btn btn-info btn-elevate btn-icon btn-sm btn-square', titleAttr:'PDF', text: '<i class="fa fa-eye"></i>' },

                ],

次のようになります。

しかし、ドロップダウン ボタンをクリックすると、次のようになります。