diff --git a/resources/views/staff/worklist/index.blade.php b/resources/views/staff/worklist/index.blade.php
index 7be3768..872826e 100644
--- a/resources/views/staff/worklist/index.blade.php
+++ b/resources/views/staff/worklist/index.blade.php
@@ -215,13 +215,12 @@ function formatDate(date) {
                 return new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).toISOString().slice(0, 10);
             }
 
-            filterTableStatus('unread');
-
             $('a[data-bs-toggle="tab"]').on('click', function (e) {
-                _status = $(e.target).attr('id').replace('nav-', '');
+                _status = $(e.target).attr('id').replace('nav__', '');
                 filterTable();
             });
 
+            filterTableStatus('unread');
         });
     </script>
 
diff --git a/resources/views/staff/worklist/partials/_nav-top.blade.php b/resources/views/staff/worklist/partials/_nav-top.blade.php
index 410d318..bc795ca 100644
--- a/resources/views/staff/worklist/partials/_nav-top.blade.php
+++ b/resources/views/staff/worklist/partials/_nav-top.blade.php
@@ -1,10 +1,10 @@
 <div class="nav-align-top ms-4">
     <ul class="nav nav-tabs" role="tablist">
-        @include('staff.worklist.partials._nav-item', ['id' => 'nav-unread', 'text' => 'Pending', 'active' => 'active', 'icon' => 'hourglass-2-line', 'tip' => 'Unread studies'])
-        @include('staff.worklist.partials._nav-item', ['id' => 'nav-read', 'text' => 'Complete', 'active' => '', 'icon' => 'flag-2-line', 'tip' => 'Finalized reports'])
-        @include('staff.worklist.partials._nav-item', ['id' => 'nav-progress', 'text' => 'In Progress', 'active' => '', 'icon' => 'heart-pulse-line', 'tip' => 'Read in progress'])
-        @include('staff.worklist.partials._nav-item', ['id' => 'nav-orphan', 'text' => 'Unassigned', 'active' => '', 'icon' => 'price-tag-3-line', 'tip' => 'Unassigned studies'])
-        @include('staff.worklist.partials._nav-item', ['id' => 'nav-assigned', 'text' => 'Assigned', 'active' => '', 'icon' => 'team-line', 'tip' => 'Studies assigned to radiologists'])
-        @include('staff.worklist.partials._nav-item', ['id' => 'nav-all', 'text' => 'All', 'active' => '', 'icon' => 'stack-line', 'tip' => 'All studies'])
+        @include('staff.worklist.partials._nav-item', ['id' => 'nav__unread', 'text' => 'Pending', 'active' => 'active', 'icon' => 'hourglass-2-line', 'tip' => 'Unread studies'])
+        @include('staff.worklist.partials._nav-item', ['id' => 'nav__read', 'text' => 'Complete', 'active' => '', 'icon' => 'flag-2-line', 'tip' => 'Finalized reports'])
+        @include('staff.worklist.partials._nav-item', ['id' => 'nav__progress', 'text' => 'In Progress', 'active' => '', 'icon' => 'heart-pulse-line', 'tip' => 'Read in progress'])
+        @include('staff.worklist.partials._nav-item', ['id' => 'nav__orphan', 'text' => 'Unassigned', 'active' => '', 'icon' => 'price-tag-3-line', 'tip' => 'Unassigned studies'])
+        @include('staff.worklist.partials._nav-item', ['id' => 'nav__assigned', 'text' => 'Assigned', 'active' => '', 'icon' => 'team-line', 'tip' => 'Studies assigned to radiologists'])
+        @include('staff.worklist.partials._nav-item', ['id' => 'nav__all', 'text' => 'All', 'active' => '', 'icon' => 'stack-line', 'tip' => 'All studies'])
     </ul>
 </div>