diff --git a/templates/index.html b/templates/index.html
index 2bada08..bee3260 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -2,14 +2,17 @@
 
 <head>
   <link rel="stylesheet" type="text/css" href="static/css/main.css" media="screen">
-  <link rel="stylesheet" type="text/css" href="static/css/jquery.dataTables.min.css" media="screen">
   <link rel="stylesheet" type="text/css" href="static/css/font-awesome/all.css">
-  <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
+  <link rel="stylesheet" type="text/css" href="static/css/bootstrap.css">
   <link rel="stylesheet" type="text/css" href="static/css/dataTables.bootstrap4.min.css">
+  <link rel="stylesheet" type="text/css" href="static/css/responsive.dataTables.min.css">
+  <link rel="stylesheet" type="text/css" href="static/css/rowReorder.dataTables.min.css">
+
 
   <script type="text/javascript" src="static/js/jquery.js"></script>
   <script type="text/javascript" src="static/js/jquery.dataTables.min.js"></script>
   <script type="text/javascript" src="static/js/bootstrap.min.js"></script>
+  <script type="text/javascript" src="static/js/dataTables.bootstrap4.min.js"></script>
   <script type="text/javascript" src="static/js/axios.min.js"></script>
   <script type="text/javascript" src="static/js/vue.min.js"></script>
   <script type="text/javascript" src="static/js/datatable.js"></script>
@@ -17,7 +20,7 @@
 </head>
 
 <body>
-  <h1 class="jumbotron-heading">FRS QRZ database</h1>
+  <h1 class="display-3">FRS QRZ database</h1>
   <p>Mirror of <a href="http://groupe-frs.hamstation.eu">http://groupe-frs.hamstation.eu</a> list of users</p>
   <div>
     <table id="main_table" class="display table table-hover">
