diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/components/apps/AppList.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/components/apps/AppList.js
index d06f4a26ab..7222fe5394 100644
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/components/apps/AppList.js
+++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/components/apps/AppList.js
@@ -24,7 +24,7 @@ import {withConfigContext} from "../../context/ConfigContext";
 import {handleApiError} from "../../js/Utils";
 import InfiniteScroll from "react-infinite-scroller";
 
-const limit = 10;
+const limit = 30;
 
 class AppList extends React.Component {
     constructor(props) {
@@ -44,7 +44,7 @@ class AppList extends React.Component {
     componentDidMount() {
         const {deviceType} = this.props;
         this.props.changeSelectedMenuItem(deviceType);
-        this.fetchData(0, limit, res => {
+        this.fetchData(0, 30, res => {
             this.setState({
                 apps: res,
                 loading: false
@@ -57,7 +57,7 @@ class AppList extends React.Component {
         if (prevProps.deviceType !== this.props.deviceType) {
             const {deviceType} = this.props;
             this.props.changeSelectedMenuItem(deviceType);
-            this.fetchData(0, limit, res => {
+            this.fetchData(0, 30, res => {
                 this.setState({
                     apps: res,
                     loading: false,