diff --git a/Resources/views/audit/_table.blade.php b/Resources/views/audit/_table.blade.php
index 28ae626..99874b9 100644
--- a/Resources/views/audit/_table.blade.php
+++ b/Resources/views/audit/_table.blade.php
@@ -3,6 +3,11 @@
 <!--end::Table-->
 
 {{-- Inject Scripts --}}
-@section('scripts')
+@push('scripts')
     {{ $dataTable->scripts() }}
-@endsection
+    <script>
+        document.getElementById('search').addEventListener('keyup', function () {
+            window.LaravelDataTables['audit-log-table'].search(this.value).draw();
+        });
+    </script>
+@endpush
diff --git a/Resources/views/audit/index.blade.php b/Resources/views/audit/index.blade.php
index 1759fbb..4bf0c82 100644
--- a/Resources/views/audit/index.blade.php
+++ b/Resources/views/audit/index.blade.php
@@ -1,7 +1,29 @@
 <x-default-layout>
+    @section('title')
+        Audit Logs
+    @endsection
+
+    @section('breadcrumbs')
+        {{Breadcrumbs::render('logs.audit') }}
+    @endsection
 
     <!--begin::Card-->
     <div class="card">
+        <!--begin::Card header-->
+        <div class="card-header border-0 pt-6">
+            <!--begin::Card title-->
+            <div class="card-title">
+                <!--begin::Search-->
+                <div class="d-flex align-items-center position-relative my-1">
+                    {!! getIcon('magnifier','fs-3 position-absolute ms-5') !!}
+                    <input type="text" data-kt-user-table-filter="search" class="form-control form-control-solid w-250px ps-13" placeholder="Search Audit Logs" id="search"/>
+                </div>
+                <!--end::Search-->
+            </div>
+            <!--begin::Card title-->
+        </div>
+        <!--end::Card header-->
+
         <!--begin::Card body-->
         <div class="card-body pt-6">
             @include('logs::audit._table')
diff --git a/Resources/views/system/_table.blade.php b/Resources/views/system/_table.blade.php
index 28ae626..dd41837 100644
--- a/Resources/views/system/_table.blade.php
+++ b/Resources/views/system/_table.blade.php
@@ -3,6 +3,11 @@
 <!--end::Table-->
 
 {{-- Inject Scripts --}}
-@section('scripts')
+@push('scripts')
     {{ $dataTable->scripts() }}
-@endsection
+    <script>
+        document.getElementById('search').addEventListener('keyup', function () {
+            window.LaravelDataTables['system-log-table'].search(this.value).draw();
+        });
+    </script>
+@endpush
diff --git a/Resources/views/system/index.blade.php b/Resources/views/system/index.blade.php
index cf952c5..6c7e0a0 100644
--- a/Resources/views/system/index.blade.php
+++ b/Resources/views/system/index.blade.php
@@ -1,7 +1,29 @@
 <x-default-layout>
+    @section('title')
+        System Logs
+    @endsection
+
+    @section('breadcrumbs')
+        {{ Breadcrumbs::render('logs.system') }}
+    @endsection
 
     <!--begin::Card-->
     <div class="card">
+        <!--begin::Card header-->
+        <div class="card-header border-0 pt-6">
+            <!--begin::Card title-->
+            <div class="card-title">
+                <!--begin::Search-->
+                <div class="d-flex align-items-center position-relative my-1">
+                    {!! getIcon('magnifier','fs-3 position-absolute ms-5') !!}
+                    <input type="text" data-kt-user-table-filter="search" class="form-control form-control-solid w-250px ps-13" placeholder="Search System Logs" id="search"/>
+                </div>
+                <!--end::Search-->
+            </div>
+            <!--begin::Card title-->
+        </div>
+        <!--end::Card header-->
+
         <!--begin::Card body-->
         <div class="card-body pt-6">
             @include('logs::system._table')