diff --git a/src/components/mobile/main/ChipList.vue b/src/components/mobile/main/ChipList.vue
index 60d675d..1e48692 100644
--- a/src/components/mobile/main/ChipList.vue
+++ b/src/components/mobile/main/ChipList.vue
@@ -11,7 +11,7 @@
           <div class="for-rent-img">
             <img
               width="205px"
-              src="../../../assets/market/hero/for-rent.png"
+              src="../../../assets/market/hero/no-sale.png"
               alt=""
             />
           </div>
diff --git a/src/components/mobile/main/FilterTop.vue b/src/components/mobile/main/FilterTop.vue
index 1a1d707..65852b4 100644
--- a/src/components/mobile/main/FilterTop.vue
+++ b/src/components/mobile/main/FilterTop.vue
@@ -74,6 +74,9 @@ export default {
     jobStatus(item) {
       this.$emit("jobStatus", item);
     },
+    handHeroSelect(value) {
+      this.$emit("handHeroSelect", value);
+    },
   },
 };
 </script>
diff --git a/src/components/mobile/main/HeroList.vue b/src/components/mobile/main/HeroList.vue
index e56e87b..e9613fa 100644
--- a/src/components/mobile/main/HeroList.vue
+++ b/src/components/mobile/main/HeroList.vue
@@ -11,7 +11,7 @@
           <div class="for-rent-img">
             <img
               width="205px"
-              src="../../../assets/market/hero/for-rent.png"
+              src="../../../assets/market/hero/no-sale.png"
               alt=""
             />
           </div>
diff --git a/src/components/mobile/main/Herofilter.vue b/src/components/mobile/main/Herofilter.vue
index 820ca11..b2a745c 100644
--- a/src/components/mobile/main/Herofilter.vue
+++ b/src/components/mobile/main/Herofilter.vue
@@ -115,8 +115,8 @@ export default {
     handclick() {
       this.$emit("hande");
     },
-    handHeroSelect() {
-      this.$emit("handHeroSelect");
+    handHeroSelect(value) {
+      this.$emit("handHeroSelect",value);
     },
   },
 };
diff --git a/src/components/mobile/main/PieceList.vue b/src/components/mobile/main/PieceList.vue
index 9d3d6cf..5e92110 100644
--- a/src/components/mobile/main/PieceList.vue
+++ b/src/components/mobile/main/PieceList.vue
@@ -11,7 +11,7 @@
           <div class="for-rent-img">
             <img
               width="205px"
-              src="../../../assets/market/hero/for-rent.png"
+              src="../../../assets/market/hero/no-sale.png"
               alt=""
             />
           </div>
diff --git a/src/components/mobile/main/WeaponList.vue b/src/components/mobile/main/WeaponList.vue
index f065d80..ca891cc 100644
--- a/src/components/mobile/main/WeaponList.vue
+++ b/src/components/mobile/main/WeaponList.vue
@@ -11,7 +11,7 @@
           <div class="for-rent-img">
             <img
               width="205px"
-              src="../../../assets/market/hero/for-rent.png"
+              src="../../../assets/market/hero/no-sale.png"
               alt=""
             />
           </div>
diff --git a/src/views/mobile/Market.vue b/src/views/mobile/Market.vue
index 7836422..1f8e3a5 100644
--- a/src/views/mobile/Market.vue
+++ b/src/views/mobile/Market.vue
@@ -5,6 +5,7 @@
       :nftType="nftType"
       @handSearch="handSearch"
       @jobStatus="jobStatus"
+      @handHeroSelect="handHeroSelect"
       :chipList="chipList"
       :pieceList="pieceList"
       :jobList="jobList"
@@ -270,6 +271,10 @@ export default {
       this.jobFilters = newArray.join("|");
       this.getHeroNftList(this.starts);
     },
+    handHeroSelect(value) {
+      this.searchFilters = value;
+      this.getHeroNftList();
+    },
     async getHeroNftList(pageNo) {
       if (!AppModule.accountId) {
         return;