diff --git a/apps/documenteditor/mobile/src/view/add/AddTable.jsx b/apps/documenteditor/mobile/src/view/add/AddTable.jsx
index 28a64b8ea..f82720447 100644
--- a/apps/documenteditor/mobile/src/view/add/AddTable.jsx
+++ b/apps/documenteditor/mobile/src/view/add/AddTable.jsx
@@ -21,7 +21,7 @@ const AddTable = props => {
         <div className={'table-styles dataview'}>
             <ul className="row">
             {stateLoaderSkeleton ?
-                Array.from({ length: 41 }).map((item,index) => (
+                Array.from({ length: 70 }).map((item,index) => (
                 <li className='skeleton-list' key={index}>    
                     <SkeletonBlock  width='70px' height='8px'  effect='wave'/>
                     <SkeletonBlock  width='70px' height='8px'  effect='wave' />
diff --git a/apps/documenteditor/mobile/src/view/edit/EditTable.jsx b/apps/documenteditor/mobile/src/view/edit/EditTable.jsx
index 367017ea8..4eeaf0c5c 100644
--- a/apps/documenteditor/mobile/src/view/edit/EditTable.jsx
+++ b/apps/documenteditor/mobile/src/view/edit/EditTable.jsx
@@ -194,7 +194,7 @@ const StyleTemplates = inject("storeFocusObjects","storeTableSettings")(observer
         <div className="dataview table-styles">
             <ul className="row">
                 { stateLoaderSkeleton ?
-                    Array.from({ length: 31 }).map((item,index) => (
+                    Array.from({ length: 27 }).map((item,index) => (
                     <li className='skeleton-list' key={index}>    
                         <SkeletonBlock  width='70px' height='8px'  effect='wave'/>
                         <SkeletonBlock  width='70px' height='8px'  effect='wave' />
diff --git a/apps/presentationeditor/mobile/src/view/add/AddOther.jsx b/apps/presentationeditor/mobile/src/view/add/AddOther.jsx
index 6db7c6e5f..00316b239 100644
--- a/apps/presentationeditor/mobile/src/view/add/AddOther.jsx
+++ b/apps/presentationeditor/mobile/src/view/add/AddOther.jsx
@@ -24,7 +24,7 @@ const PageTable = props => {
             <div className={'table-styles dataview'}>
                 <ul className="row">
                 {stateLoaderSkeleton ?
-                    Array.from({ length: 41 }).map((item,index) => (
+                    Array.from({ length: 70 }).map((item,index) => (
                     <li className='skeleton-list' key={index}>    
                         <SkeletonBlock  width='70px' height='8px'  effect='wave'/>
                         <SkeletonBlock  width='70px' height='8px'  effect='wave' />
diff --git a/apps/presentationeditor/mobile/src/view/edit/EditTable.jsx b/apps/presentationeditor/mobile/src/view/edit/EditTable.jsx
index 8c43ff81e..b18c586eb 100644
--- a/apps/presentationeditor/mobile/src/view/edit/EditTable.jsx
+++ b/apps/presentationeditor/mobile/src/view/edit/EditTable.jsx
@@ -33,7 +33,7 @@ const StyleTemplates = inject("storeFocusObjects","storeTableSettings")(observer
         <div className="dataview table-styles">
             <ul className="row">
             { stateLoaderSkeleton ?
-                    Array.from({ length: 31 }).map((item,index) => (
+                    Array.from({ length: 34 }).map((item,index) => (
                     <li className='skeleton-list' key={index}>    
                         <SkeletonBlock  width='70px' height='8px'  effect='wave'/>
                         <SkeletonBlock  width='70px' height='8px'  effect='wave' />