diff --git a/resources/views/kits/index.blade.php b/resources/views/kits/index.blade.php
index 9a35e18d0a..8d529136e5 100644
--- a/resources/views/kits/index.blade.php
+++ b/resources/views/kits/index.blade.php
@@ -10,31 +10,19 @@
 
 {{-- Content --}}
 @section('content')
-<div class="row">
-  <div class="col-md-12">
-    <div class="box box-default">
-      <div class="box-body">
-            <table
-                data-cookie-id-table="kitsTable"
-                data-columns="{{ \App\Presenters\PredefinedKitPresenter::dataTableLayout() }}"
-                data-side-pagination="server"
-                data-sort-order="asc"
-                data-sort-name="name"
-                id="kitsTable"
-                data-fixed-number="1"
-                data-fixed-right-number="2"
-                class="table table-striped snipe-table"
-                data-buttons="kitButtons"
-                data-url="{{ route('api.kits.index') }}"
-                data-export-options='{
-        "fileName": "export-kits-{{ date('Y-m-d') }}",
-            "ignoreColumn": ["actions","image","change","checkbox","checkincheckout","icon"]
-            }'>
-          </table>
-      </div> <!--.box-body-->
-    </div> <!-- /.box.box-default-->
-  </div> <!-- .col-md-12-->
-</div>
+    <x-container>
+        <x-box name="kits">
+            <x-table
+                :presenter="\App\Presenters\PredefinedKitPresenter::dataTableLayout()"
+                :fixed_number="1"
+                :fixed_right_number="2"
+                use_sticky_css
+                buttons="kitButtons"
+                api_url="{{ route('api.kits.index') }}"
+                export_filename="export-kits-{{ date('Y-m-d') }}"
+            />
+        </x-box>
+    </x-container>
 @stop
 @section('moar_scripts')
 @include ('partials.bootstrap-table', ['exportFile' => 'kits-export', 'search' => true])