diff --git a/src/nextapp/pages/devportal/api-directory/[id].tsx b/src/nextapp/pages/devportal/api-directory/[id].tsx
index 5bdeb2c47..9a8475efb 100644
--- a/src/nextapp/pages/devportal/api-directory/[id].tsx
+++ b/src/nextapp/pages/devportal/api-directory/[id].tsx
@@ -150,7 +150,7 @@ const ApiPage: React.FC<
             </Box>
             <Card heading="Products">
               <Box bg="gray.100">
-                {data?.products?.map((p) => (
+                {data?.products?.sort((a,b) => (a.name > b.name) ? 1 : ((b.name > a.name) ? -1 : 0)).map((p) => (
                   <ApiProductItem
                     key={uid(p)}
                     data={p}