diff --git a/web/app/components/explore/app-list/index.tsx b/web/app/components/explore/app-list/index.tsx
index 307145992e..02a49782ec 100644
--- a/web/app/components/explore/app-list/index.tsx
+++ b/web/app/components/explore/app-list/index.tsx
@@ -38,8 +38,10 @@ const Apps: FC = () => {
   useEffect(() => {
     (async () => {
       const { categories, recommended_apps }: any = await fetchAppList()
+      const sortedRecommendedApps = [...recommended_apps]
+      sortedRecommendedApps.sort((a, b) => a.position - b.position) // position from small to big
       setCategories(categories)
-      setAllList(recommended_apps)
+      setAllList(sortedRecommendedApps)
       setIsLoaded(true)
     })()
   }, [])