diff --git a/package.json b/package.json
index af42ae8e6..cd78f03ab 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.14.291",
+  "version": "2.14.292",
   "private": true,
   "scripts": {
     "dev": "vite --host",
diff --git a/src/components/SubListItem.vue b/src/components/SubListItem.vue
index 7dcd86e38..8d84a2955 100644
--- a/src/components/SubListItem.vue
+++ b/src/components/SubListItem.vue
@@ -57,6 +57,9 @@
         <div class="sub-item-title-wrapper">
           <h3 v-if="!appearanceSetting.isSimpleMode" class="sub-item-title">
             {{ displayName || name }}
+            <span v-if="appOpenBtnVisible" class="app-url" @click="openAppUrl">
+              <font-awesome-icon icon="fa-solid fa-square-arrow-up-right" />
+            </span>
             <span v-for="i in tag" :key="i" class="tag">
               <nut-tag>{{ i }}</nut-tag>
             </span>
@@ -67,6 +70,9 @@
             style="color: var(--primary-text-color); font-size: 16px"
           >
             {{ displayName || name }}
+            <span v-if="appOpenBtnVisible" class="app-url" @click="openAppUrl">
+              <font-awesome-icon icon="fa-solid fa-square-arrow-up-right" />
+            </span>
             <span v-for="i in tag" :key="i" class="tag">
               <nut-tag>{{ i }}</nut-tag>
             </span>
@@ -348,6 +354,7 @@ const remarkText = computed(() => {
   }
 });
 const { flows } = storeToRefs(subsStore);
+
 const icon = computed(() => {
   return appearanceSetting.value.isDefaultIcon ? logoIcon : logoRedIcon;
 });
@@ -520,7 +527,13 @@ const closeCompare = () => {
 
   router.back();
 };
+
+const appOpenBtnVisible = computed(() => {
+  return props.type === 'sub' && typeof flow.value === 'object' && flow.value?.appUrl;
+});
+
 const openAppUrl = () => {
+  console.log('flow', flow.value);
   if (typeof flow.value === 'object' && flow.value?.appUrl) {
     window.open(flow.value.appUrl);
   }
@@ -784,8 +797,12 @@ const onClickRefresh = async () => {
         overflow: hidden;
         font-size: 16px;
         color: var(--primary-text-color);
+        vertical-align: middle;
+      }
+      .app-url {
+        font-size: 14px !important;
+        margin: 0 2px;
       }
-
       .tag {
         margin: 0 2px;
       }
diff --git a/src/plugin/awesomeIcon.ts b/src/plugin/awesomeIcon.ts
index 834293c24..fe0a1fb87 100644
--- a/src/plugin/awesomeIcon.ts
+++ b/src/plugin/awesomeIcon.ts
@@ -31,7 +31,8 @@ import {
   faFileImport,
   faFileExport,
   faShareNodes,
-  faLink
+  faLink,
+  faSquareArrowUpRight,
 } from '@fortawesome/free-solid-svg-icons';
 
 library.add(faFileImport);
@@ -65,3 +66,4 @@ library.add(faT);
 library.add(faICursor);
 library.add(faShareNodes);
 library.add(faLink);
+library.add(faSquareArrowUpRight);
diff --git a/src/views/File.vue b/src/views/File.vue
index bc16d187d..55f17ed02 100644
--- a/src/views/File.vue
+++ b/src/views/File.vue
@@ -18,7 +18,7 @@
           }"
           :style="{
             cursor: 'pointer',
-            right: '16px',
+            left: '16px',
             bottom: `${
               bottomSafeArea +
               48 +
diff --git a/src/views/Sub.vue b/src/views/Sub.vue
index fef21b6f2..39f6ee8c6 100644
--- a/src/views/Sub.vue
+++ b/src/views/Sub.vue
@@ -71,7 +71,7 @@
           }"
           :style="{
             cursor: 'pointer',
-            right: '16px',
+            left: '16px',
             bottom: `${
               bottomSafeArea +
               48 +
diff --git a/src/views/Sync.vue b/src/views/Sync.vue
index 02f9eac4b..9b6d85a7e 100644
--- a/src/views/Sync.vue
+++ b/src/views/Sync.vue
@@ -17,7 +17,7 @@
           }"
           :style="{
             cursor: 'pointer',
-            right: '16px',
+            left: '16px',
             bottom: `${
               bottomSafeArea +
               48 +