diff --git a/frontend/src/views/app-store/apps/index.vue b/frontend/src/views/app-store/apps/index.vue
index bd19899ba..36aa8f48b 100644
--- a/frontend/src/views/app-store/apps/index.vue
+++ b/frontend/src/views/app-store/apps/index.vue
@@ -159,6 +159,7 @@
                     v-model:page-size="paginationConfig.pageSize"
                     v-bind="paginationConfig"
                     @change="search(req)"
+                    :page-sizes="[30, 60, 90]"
                     :layout="mobile ? 'total, prev, pager, next' : 'total, sizes, prev, pager, next, jumper'"
                 />
             </div>
diff --git a/frontend/src/views/home/app/index.vue b/frontend/src/views/home/app/index.vue
index 3b9784a07..8518e58ff 100644
--- a/frontend/src/views/home/app/index.vue
+++ b/frontend/src/views/home/app/index.vue
@@ -28,7 +28,7 @@
                             round
                             size="small"
                             :disabled="app.limit == 1 && app.installed"
-                            @click="goInstall(app.key)"
+                            @click="goInstall(app.key, app.type)"
                         >
                             {{ $t('app.install') }}
                         </el-button>
@@ -64,8 +64,17 @@ const acceptParams = (): void => {
     search(req);
 };
 
-const goInstall = (key: string) => {
-    router.push({ name: 'AppAll', query: { install: key } });
+const goInstall = (key: string, type: string) => {
+    switch (type) {
+        case 'php':
+            router.push({ path: '/websites/runtimes/php' });
+            break;
+        case 'node':
+            router.push({ path: '/websites/runtimes/node' });
+            break;
+        default:
+            router.push({ name: 'AppAll', query: { install: key } });
+    }
 };
 
 const search = async (req: App.AppReq) => {