diff --git a/src/assets/keplr_logo.png b/src/assets/keplr_logo.png
new file mode 100644
index 00000000..23bf042e
Binary files /dev/null and b/src/assets/keplr_logo.png differ
diff --git a/src/components/admin/createProjectSlider/components/CustomApiEventActionConfig.vue b/src/components/admin/createProjectSlider/components/CustomApiEventActionConfig.vue
index 611736b7..35146671 100644
--- a/src/components/admin/createProjectSlider/components/CustomApiEventActionConfig.vue
+++ b/src/components/admin/createProjectSlider/components/CustomApiEventActionConfig.vue
@@ -318,7 +318,7 @@
         <div class="text-left col-lg-3 col-md-3 text-left">
           <tool-tips infoMessage="API header in JSON format"></tool-tips>
           <label for="title" class="col-form-label"
-            >Headers (Optional):
+            >Headers:
           </label>
         </div>
         
@@ -371,6 +371,24 @@
         </div>
       </div>
 
+      <div class="row g-3 align-items-center w-100 mt-4">
+        <div class="text-left col-lg-3 col-md-3 text-left">
+          <tool-tips infoMessage="Error message upon unsuccessful verfication of match condition"></tool-tips>
+          <label for="type" class="col-form-label"
+            >Error message:
+          </label>
+        </div>
+        <div class="col-lg-9 col-md-9 px-0">
+          <input
+            v-model="apiData.customApiErrorMessage"     
+            type="text"
+            id="customApiErrorMessage"
+            class="form-control w-100"
+            placeholder="Enter error message"
+          />
+        </div>
+      </div>
+
       <div class="row g-3 align-items-center w-100 mt-4">
         <div class="text-left col-lg-3 col-md-3 text-left">
           <tool-tips infoMessage="Score you want to give the user upon successfully performing this action"></tool-tips>
@@ -646,7 +664,8 @@ export default {
         apiMethod:null,
         returnType:null,
         condition:null,
-        conditionValue:null
+        conditionValue:null,
+        customApiErrorMessage:""
       },
       queryParameterAttributeArray:[],
       querryAttrFlash:null,
@@ -1057,7 +1076,8 @@ export default {
         apiMethod:null,
         returnType:null,
         condition:null,
-        conditionValue:null
+        conditionValue:null,
+        customApiErrorMessage:""
       }
       this.flash = null;
       this.isCreate = true;
diff --git a/src/components/participant/ActionInputs/CustomApi.vue b/src/components/participant/ActionInputs/CustomApi.vue
index f4952326..9c3acfa1 100644
--- a/src/components/participant/ActionInputs/CustomApi.vue
+++ b/src/components/participant/ActionInputs/CustomApi.vue
@@ -26,11 +26,11 @@
           <b-col cols="12" sm="12" md="12">
             <div class="row g-3 align-items-center" v-for="(param, index) in values" v-bind:key="index">
               <div class="col-lg-12 col-md-12">
-                <span class="spanClass">{{param.fieldPlaceHolder}}</span>
-                <div class="mt-3" v-if="param.fieldType !=='BOOLEAN'">                  
-                       
+                
+                <div class="mt-2" v-if="param.fieldType !=='BOOLEAN'">                  
+                <span class="spanClass">{{param.fieldPlaceHolder}}</span>       
               <div v-if="onlyWallet(param)">         
-                <b-input-group class="mt-3" v-if="param.fieldType === 'BLOCKCHAIN_COSMOS'">
+                <b-input-group class="mt-2" v-if="param.fieldType === 'BLOCKCHAIN_COSMOS'">
                   <b-form-input                            
                   id="title"
                   v-model="param.fieldValue"
@@ -41,10 +41,10 @@
                     <b-button class="connectBtn" variant="btn btn-outline-twitter"                    
                     @click="invokeKeplr(param)"
                     >
-                    <img src="../../../assets/cosmos-2.svg" class="mr-1" height="20px" />Connect</b-button>                          
+                    <img src="../../../assets/keplr_logo.png" class="mr-1" height="20px" />Connect</b-button>                          
                   </b-input-group-append>                  
                 </b-input-group>
-                <b-input-group class="mt-3" v-else>
+                <b-input-group class="mt-2" v-else>
                   <b-form-input                            
                   id="title"
                   v-model="param.fieldValue"
@@ -55,7 +55,7 @@
                     <b-button class="connectBtn" variant="btn btn-outline-twitter"                  
                     @click="invokeMetamask(param)"
                     >
-                    <img src="/img/ethereum.2b470564.svg" class="mr-1" height="20px" />Connect</b-button>                          
+                    <img src="../../../assets/metamask.svg" class="mr-1" height="20px" />Connect</b-button>                          
                   </b-input-group-append>
                   
                 </b-input-group>
@@ -70,7 +70,7 @@
                   ></b-form-input>
                   </div>
                 </div>
-                <div class="mt-3" v-if="param.fieldType ==='BOOLEAN'">
+                <div class="mt-2" v-if="param.fieldType ==='BOOLEAN'">
                   <hf-select-drop-down
                   v-if="!done"               
                   :options="booleanOptions"