diff --git a/ui-ngx/src/app/shared/models/page/page-link.ts b/ui-ngx/src/app/shared/models/page/page-link.ts
index 96fb7d2925..92fe4634f5 100644
--- a/ui-ngx/src/app/shared/models/page/page-link.ts
+++ b/ui-ngx/src/app/shared/models/page/page-link.ts
@@ -108,7 +108,8 @@ export class PageLink {
   public toQuery(): string {
     let query = `?pageSize=${this.pageSize}&page=${this.page}`;
     if (this.textSearch && this.textSearch.length) {
-      query += `&textSearch=${this.textSearch}`;
+      const textSearch = encodeURIComponent(this.textSearch);
+      query += `&textSearch=${textSearch}`;
     }
     if (this.sortOrder) {
       query += `&sortProperty=${this.sortOrder.property}&sortOrder=${this.sortOrder.direction}`;