diff --git a/client/src/containers/Schema/SchemaList/SchemaList.jsx b/client/src/containers/Schema/SchemaList/SchemaList.jsx
index 4d49b63fa..3fa504cdd 100644
--- a/client/src/containers/Schema/SchemaList/SchemaList.jsx
+++ b/client/src/containers/Schema/SchemaList/SchemaList.jsx
@@ -60,6 +60,11 @@ class SchemaList extends Root {
 
   handleSearch = data => {
     const { searchData } = data;
+
+    // Cancel previous requests is there are some to prevent UI issues
+    this.cancelAxiosRequests();
+    this.renewCancelToken();
+
     this.setState({ pageNumber: 1, searchData }, () => {
       this.getSchemaRegistry();
     });