diff --git a/Layout/default/TimerecordingBilling/Detail.php b/Layout/default/TimerecordingBilling/Detail.php
index 11afd6b99..7b98e99e1 100644
--- a/Layout/default/TimerecordingBilling/Detail.php
+++ b/Layout/default/TimerecordingBilling/Detail.php
@@ -2,6 +2,8 @@
 ?>
     <link href="<?= self::getResourcePath() ?>assets/css/datatables-std.css?<?= date('U') ?>" rel="stylesheet"
           type="text/css"/>
+    <link href="<?= self::getResourcePath() ?>datatables/DataTables-2x/datatables.min.css" rel="stylesheet"
+          type="text/css"/>
     <!-- start page title -->
     <div class="row">
         <div class="col-12">
@@ -17,8 +19,8 @@
             </div>
         </div>
     </div>
-    <!-- end page title -->
 
+    <!-- end page title -->
     <div class="card">
         <div class="card-body mb-3">
             <div class="row">
@@ -30,7 +32,7 @@
             </div>
             <table id="datatable" class="table table-hover table-sm">
                 <thead>
-                <tr>
+                <tr class="bg-white">
                     <th class="text-center">Mitarbeiter</th>
                     <th class="text-center">Personal Nr.</th>
                     <th class="text-center">Sollstunden</th>
@@ -118,7 +120,8 @@
 
     </div>
     </div>
-
+    <script type="text/javascript"
+            src="<?= self::getResourcePath() ?>datatables/DataTables-2x/datatables.min.js"></script>
 
     <script type="text/javascript">
         var hidesearch = [2, 3, 4, 5, 6, 8, 9];
@@ -156,7 +159,7 @@
         });
     </script>
     <script type="text/javascript"
-            src="<?= self::getResourcePath() ?>assets/js/datatables-std.js?<?= date('U') ?>"></script>
+            src="<?= self::getResourcePath() ?>assets/js/datatables-std2.js?<?= date('U') ?>"></script>
 
 
 <?php include(realpath(dirname(__FILE__) . "/../../$mfLayoutPackage") . "/footer.php"); ?>
\ No newline at end of file