diff --git a/batchCodeTable.css b/batchCodeTable.css
new file mode 100644
index 00000000000..ac086633d5f
--- /dev/null
+++ b/batchCodeTable.css
@@ -0,0 +1,7 @@
+.dataTables_filter {
+    float: left !important;
+}
+
+.dataTables_length {
+    float: right !important;
+}
\ No newline at end of file
diff --git a/batchCodeTable.html b/batchCodeTable.html
index b0dc34f471d..8e8026f5380 100644
--- a/batchCodeTable.html
+++ b/batchCodeTable.html
@@ -7,6 +7,7 @@
   <title>batch codes</title>
   <!-- FK-TODO: keine externen Links -->
   <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.4/css/jquery.dataTables.css">
+  <link rel="stylesheet" type="text/css" href="batchCodeTable.css">
   <link rel="stylesheet" type="text/css" href="forkMeOnGitHub.css">
   <!-- FK-TODO: keine externen Links -->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
@@ -53,15 +54,6 @@
       loadBatchCodeTable("data/" + company + ".html", "Enter " + companyName + " Batch Code");
     });
   </script>
-  <style>
-    .dataTables_filter {
-      float: left !important;
-    }
-
-    .dataTables_length {
-      float: right !important;
-    }
-  </style>
 </head>
 
 <body>
