diff --git a/pinaxcon/templates/registrasion/report.html b/pinaxcon/templates/registrasion/report.html
index 79beb41d..7a4dcda0 100644
--- a/pinaxcon/templates/registrasion/report.html
+++ b/pinaxcon/templates/registrasion/report.html
@@ -25,7 +25,7 @@
 {% if report.headings %}
 <table class="table table-striped table-reportdata">
 {% else %}
-    <table class="table table-striped">
+<table class="table table-striped">
 {% endif %}
     <thead>
         <tr>
@@ -47,32 +47,43 @@
     </tbody>
     </table>
 
-<hr />
+<hr class="my-5" />
 {% endfor %}
 
 {% endblock %}
 
 {% block extra_script %}
-<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs/jszip-2.5.0/dt-1.10.16/b-1.4.2/b-colvis-1.4.2/b-flash-1.4.2/b-html5-1.4.2/b-print-1.4.2/cr-1.4.1/fc-3.2.3/fh-3.1.3/r-2.2.0/rg-1.0.2/datatables.min.css"/>
-<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
-<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
-<script type="text/javascript" src="https://cdn.datatables.net/v/bs/jszip-2.5.0/dt-1.10.16/b-1.4.2/b-colvis-1.4.2/b-html5-1.4.2/b-print-1.4.2/cr-1.4.1/fc-3.2.3/fh-3.1.3/r-2.2.0/rg-1.0.2/datatables.min.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.10.20/b-1.6.0/b-colvis-1.6.0/b-html5-1.6.0/b-print-1.6.0/cr-1.5.2/fc-3.3.0/fh-3.1.6/r-2.2.3/rg-1.1.1/datatables.min.css"/>
+
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
+<script type="text/javascript" src="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.10.20/b-1.6.0/b-colvis-1.6.0/b-html5-1.6.0/b-print-1.6.0/cr-1.5.2/fc-3.3.0/fh-3.1.6/r-2.2.3/rg-1.1.1/datatables.min.js"></script>
+
 <script type="text/javascript">
-        $("table.table-reportdata").dataTable({
-            "dom": "<'row'<'col-md-3'l><'col-md-3'B><'col-md-4'f>r>t<'row'<'col-md-3'i><'col-md-5'p>>",
-            "stateSave": true,
-            "lengthMenu": [[10, 50, 100, -1], [10, 50, 100, "All"]],
-            "pageLength": 100,
-            "buttons": [ "csv", "print", {
-              extend: 'copy',
-              text: 'Copy',
-              exportOptions: {
-                columns: ':visible'
-              }},
-              { extend: 'collection',
-                text: 'Columns',
-                buttons: [ 'columnsToggle']
-            }]
-        });
-    </script>
+  $("table.table-reportdata").dataTable({
+    "dom":
+      "<'row'<'col-sm-12 col-md-3'l><'col-sm-12 col-md-5'B><'col-sm-12 col-md-4'f>>" +
+      "<'row'<'col-sm-12'tr>>" +
+      "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
+    "stateSave": true,
+    "lengthMenu": [[10, 50, 100, -1], [10, 50, 100, "All"]],
+    "pageLength": 100,
+    "buttons": [
+      "csv",
+      "print",
+      {
+        extend: 'copy',
+        text: 'Copy',
+        exportOptions: {
+          columns: ':visible'
+        }
+      },
+      {
+        extend: 'collection',
+        text: 'Columns',
+        buttons: [ 'columnsToggle']
+      }
+    ]
+  });
+</script>
 {% endblock %}