diff --git a/src/pages/Directory/DirectoryPage.jsx b/src/pages/Directory/DirectoryPage.jsx
index 56e702ce..35857b3e 100644
--- a/src/pages/Directory/DirectoryPage.jsx
+++ b/src/pages/Directory/DirectoryPage.jsx
@@ -181,7 +181,7 @@ export default function DirectoryPage({ IsPage = true, projectId = null }) {
                     <div className="d-flex align-items-center">
                       <div className="d-flex gap-2 align-items-center">
                         <input
-                          type="text"
+                          type="search"
                           className="form-control form-control-sm"
                           placeholder="Search contacts..."
                           value={searchContact}