diff --git a/apps/documenteditor/mobile/app/controller/add/AddTable.js b/apps/documenteditor/mobile/app/controller/add/AddTable.js
index ea3afb806..d542e043f 100644
--- a/apps/documenteditor/mobile/app/controller/add/AddTable.js
+++ b/apps/documenteditor/mobile/app/controller/add/AddTable.js
@@ -117,7 +117,7 @@ define([
                         text: '',
                         afterText:
                         '<div class="content-block">' +
-                            '<div class="row">' +
+                            '<div class="row no-gutter" style="text-align: center;">' +
                                 '<div class="col-50">' + me.textColumns + '</div>' +
                                 '<div class="col-50">' + me.textRows + '</div>' +
                             '</div>' +
@@ -152,9 +152,12 @@ define([
                         rotateEffect: true,
                         value: [3, 3],
                         cols: [{
-                            textAlign: 'left',
+                            textAlign: 'center',
+                            width: '100%',
                             values: [1,2,3,4,5,6,7,8,9,10]
                         }, {
+                            textAlign: 'center',
+                            width: '100%',
                             values: [1,2,3,4,5,6,7,8,9,10]
                         }]
                     });
diff --git a/apps/presentationeditor/mobile/app/controller/add/AddTable.js b/apps/presentationeditor/mobile/app/controller/add/AddTable.js
index f44c18f41..59791ed6a 100644
--- a/apps/presentationeditor/mobile/app/controller/add/AddTable.js
+++ b/apps/presentationeditor/mobile/app/controller/add/AddTable.js
@@ -104,7 +104,7 @@ define([
                         text: '',
                         afterText:
                         '<div class="content-block">' +
-                            '<div class="row">' +
+                            '<div class="row no-gutter" style="text-align: center;">' +
                                 '<div class="col-50">' + me.textColumns + '</div>' +
                                 '<div class="col-50">' + me.textRows + '</div>' +
                             '</div>' +
@@ -139,9 +139,12 @@ define([
                         rotateEffect: true,
                         value: [3, 3],
                         cols: [{
-                            textAlign: 'left',
+                            textAlign: 'center',
+                            width: '100%',
                             values: [1,2,3,4,5,6,7,8,9,10]
                         }, {
+                            textAlign: 'center',
+                            width: '100%',
                             values: [1,2,3,4,5,6,7,8,9,10]
                         }]
                     });