diff --git a/support-portal-frontend/src/app/component/user/user.component.html b/support-portal-frontend/src/app/component/user/user.component.html
index 3d260df..09647ea 100644
--- a/support-portal-frontend/src/app/component/user/user.component.html
+++ b/support-portal-frontend/src/app/component/user/user.component.html
@@ -36,10 +36,12 @@
     <div class="tab-pane fade show active" id="users">
       <div class="mb-3 float-end">
         <div class="btn-group mr-2">
-          <form class="form-inline my-2 my-lg-0 justify-content-center">
-            <input name="searchFileName" #searchTerm class="form-control mr-sm-2" type="search" placeholder="Search users..."
-                   (keyup)="searchUsers(searchTerm.value)">
+
+          <form #searchForm="ngForm" class="form-inline my-2 my-lg-0 justify-content-center">
+            <input name="searchTerm" class="form-control mr-sm-2" type="search" placeholder="Search users..."
+                  ngModel (ngModelChange)="searchUsers(searchForm.value.searchTerm)">
           </form>
+
           <button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#addUserModal">
             <i class="fa fa-plus"></i>New User
           </button>