diff --git a/resources/img/flowGenieIcon.svg b/resources/img/flowGenieIcon.svg
new file mode 100644
index 0000000000..421bbf535d
--- /dev/null
+++ b/resources/img/flowGenieIcon.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="30" viewBox="0 0 40 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.9691 24.48H13.647C12.6707 27.1208 10.7487 27.8747 9.90969 27.9215C9.48845 27.9215 9.14697 28.263 9.14697 28.6842V28.9399C9.14697 29.5023 9.60293 29.9583 10.1654 29.9583H24.2922C24.8158 29.9583 25.2404 29.5338 25.2404 29.0101V28.6721C25.2404 28.3351 24.9672 28.062 24.6302 28.062C22.3115 27.7248 21.2234 25.5335 20.9691 24.48Z" fill="#556271"/>
+<path d="M30.0706 12.8208C31.0876 12.6689 31.9571 12.3403 32.6497 11.9736C33.8395 11.3438 35.1162 10.7137 36.4624 10.7137C37.7817 10.7137 38.4705 12.2493 37.5365 13.1812C34.4068 16.3043 31.7698 17.9989 30.6807 18.5098C22.901 23.1453 18.8586 22.7239 16.3416 22.5834C14.328 22.4711 12.9602 21.9279 12.528 21.6704H10.9306C7.57768 21.6704 3.51074 21.8989 1.81575 19.006C1.27402 18.0813 1.03339 17.0803 0.934683 16.2623C0.705867 14.366 0.705867 12.7506 2.68894 11.8375C4.27539 11.1071 5.63812 11.5332 6.12117 11.8375L8.46055 13.154L8.86696 13.3827C13.545 13.4061 23.4044 13.4389 25.418 13.3827C27.4316 13.3265 29.3587 12.9847 30.0706 12.8208Z" fill="#556271"/>
+<path d="M3.35809 17.3865C3.4025 17.6155 3.47438 17.8255 3.56715 18.0175C4.4721 19.8908 7.07432 19.7745 9.15476 19.7745C8.9816 19.621 8.82096 19.4567 8.67208 19.2846C7.59704 18.0418 7.13446 16.3863 6.99096 15.3497C6.96525 15.164 6.94978 14.9981 6.94287 14.8581L6.67367 14.7176L5.06043 13.8758C4.7939 13.7367 4.49771 13.6641 4.19708 13.6641C3.09877 13.7764 2.92588 14.7878 2.97673 15.2795L3.35809 17.3865Z" fill="white"/>
+<path d="M24.02 11.2758H10.5199C10.825 8.4664 13.4945 7.43629 14.7911 7.27241C18.1816 7.27241 22.481 7.19788 23.7834 10.3283C23.9363 10.6958 24.0068 11.0259 24.02 11.2758Z" fill="#556271"/>
+<path d="M20.0039 3.15281L20.2277 3.35886C20.5058 3.61496 20.664 3.97577 20.664 4.35383C20.664 4.80203 20.3007 5.16537 19.8525 5.16537H14.6111C14.1629 5.16537 13.7996 4.80203 13.7996 4.35383C13.7996 3.97577 13.9578 3.61496 14.2359 3.35886L14.4597 3.15281C16.0263 1.71023 18.4374 1.71023 20.0039 3.15281Z" fill="#556271"/>
+</svg>
diff --git a/resources/js/app-layout.js b/resources/js/app-layout.js
index 68e845aeae..074d60441f 100644
--- a/resources/js/app-layout.js
+++ b/resources/js/app-layout.js
@@ -325,6 +325,11 @@ window.ProcessMaker.apiClient.interceptors.response.use((response) => {
   }
   return response;
 }, (error) => {
+  // Set in your .catch to false to not show the alert inside window.ProcessMaker.apiClient
+  if (!error.response.showAlert) {
+    return Promise.reject(error);
+  }
+
   if (error.code && error.code === "ERR_CANCELED") {
     return Promise.reject(error);
   }
diff --git a/resources/js/processes/designer/Asset.vue b/resources/js/processes/designer/Asset.vue
index 4615faa51b..f8070fc34f 100644
--- a/resources/js/processes/designer/Asset.vue
+++ b/resources/js/processes/designer/Asset.vue
@@ -1,7 +1,13 @@
 <template>
   <b-card-text class="asset">
     <span>
+      <img
+        v-if="image_icon"
+        :src="image_icon"
+        :alt="asset_name"
+      >
       <i
+        v-if="icon"
         :class="icon"
         :style="{color: color}"
       />
@@ -15,7 +21,8 @@ export default {
   props: [
     "color",
     "asset_name",
-    "icon"
+    "icon",
+    "image_icon",
   ],
   data() {
     return { };
diff --git a/resources/js/processes/designer/Assets.vue b/resources/js/processes/designer/Assets.vue
index 3bd0630f21..d966ca5f55 100644
--- a/resources/js/processes/designer/Assets.vue
+++ b/resources/js/processes/designer/Assets.vue
@@ -23,6 +23,7 @@
             <asset
               :color="asset.color"
               :icon="asset.icon"
+              :image_icon="asset.image_icon"
               :asset_name="asset.asset_name"
             />
           </template>
@@ -52,6 +53,7 @@
             <asset
               :color="asset.color"
               :icon="asset.icon"
+              :image_icon="asset.image_icon"
               :asset_name="asset.asset_name"
             />
           </template>
@@ -131,11 +133,11 @@ export default {
           urlAsset: "/designer/data-sources?create=true",
         },
         {
-          color: "#4B667C",
-          icon: "fas fa-magic",
-          asset_name: "Flow Genies",
-          asset_name_all: `${this.$t("View All")} Flow Genies`,
-          asset_name_new: `${this.$t("New")} Flow Genie`,
+          color: "#556271",
+          image_icon: require("../../../img/flowGenieIcon.svg"),
+          asset_name: "FlowGenies",
+          asset_name_all: `${this.$t("View All")} Genies`,
+          asset_name_new: `${this.$t("New")} Genie`,
           urlPath: "/designer/flow-genies",
           urlAsset: "/designer/flow-genies?create=true",
         },
diff --git a/resources/views/processes/edit.blade.php b/resources/views/processes/edit.blade.php
index bb60166511..cbddcf4f37 100644
--- a/resources/views/processes/edit.blade.php
+++ b/resources/views/processes/edit.blade.php
@@ -230,7 +230,7 @@ class="invalid-feedback"
                                                         label="title"
                                                     >
                                                         <span slot="noResult">
-                                                            {{ __('Oops! No elements found. Consider changing the search query.') }}
+                                                            @{{ __(noElementsFoundMsg) }}
                                                         </span>
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
@@ -261,8 +261,8 @@ class="invalid-feedback"
                                                         label="title"
                                                     >
                                                         <span slot="noResult">
-                                                            {{
-                                                                __('Oops! No elements found. Consider changing the search query.')
+                                                            @{{
+                                                                __(noElementsFoundMsg)
                                                             }}
                                                         </span>
                                                         <template slot="noOptions">
@@ -293,8 +293,8 @@ class="invalid-feedback"
                                                         group-label="label"
                                                     >
                                                         <span slot="noResult">
-                                                            {{
-                                                                __('Oops! No elements found. Consider changing the search query.')
+                                                            @{{
+                                                                noElementsFoundMsg
                                                             }}
                                                         </span>
                                                         <template slot="noOptions">
@@ -317,8 +317,8 @@ class="invalid-feedback"
                                                         group-label="label"
                                                     >
                                                         <span slot="noResult">
-                                                            {{
-                                                                __('Oops! No elements found. Consider changing the search query.')
+                                                            @{{
+                                                                __(noElementsFoundMsg)
                                                             }}
                                                         </span>
                                                         <template slot="noOptions">
@@ -632,6 +632,7 @@ class="custom-control-input">
                     translatedLanguages: [],
                     editTranslation: null,
                     activeTab: "",
+                    noElementsFoundMsg: 'Oops! No elements found. Consider changing the search query.',
                 }
                 },
                 mounted() {