Add theme assets;

public/assets/scss/theme-light/components/plugin-overrides/_data-tables.scss

@@ -0,0 +1,48 @@
+// npm package: datatables.net-bs5
+// github link: https://github.com/DataTables/Dist-DataTables-Bootstrap5
+
+.dataTables_wrapper {
+  &.dt-bootstrap5 {
+    .dataTables_length {
+      @media(max-width: 767px) {
+        text-align: left;
+      }
+      select {
+        margin-left: 10px;
+        margin-right: 10px;
+      }
+    }
+    .dataTables_filter {
+      @media(max-width: 767px) {
+        text-align: left;
+        margin-left: -19px;
+      }
+    }
+  }
+  div {
+    &.dataTables_paginate {
+      ul { 
+        &.pagination {
+          @extend .justify-content-center;
+          @extend .justify-content-md-end;
+          @extend .mt-3;
+          @extend .mt-md-0;
+        }
+      }
+    }
+  }
+}
+
+div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {
+  /*rtl:raw:
+    padding-right: 0;
+    padding-left: 12px;
+  */
+}
+
+div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
+  /*rtl:raw:
+    padding-left: 0;
+    padding-right: 12px;
+  */
+}