diff --git a/apps/common/main/lib/view/SymbolTableDialog.js b/apps/common/main/lib/view/SymbolTableDialog.js
index 213d503fd..85d54508a 100644
--- a/apps/common/main/lib/view/SymbolTableDialog.js
+++ b/apps/common/main/lib/view/SymbolTableDialog.js
@@ -365,9 +365,9 @@ define([
     Common.Views.SymbolTableDialog = Common.UI.Window.extend(_.extend({
         options: {
             resizable       : true,
-            minwidth        : 450,
+            minwidth        : 448,
             minheight       : 394,
-            width: 450,
+            width: 448,
             height: 396,
             cls: 'modal-dlg',
             buttons: ['ok', 'cancel']
@@ -387,25 +387,27 @@ define([
 
             _.extend(this.options, {
                 title: this.textTitle,
-                width           : size[0] || 450,
+                width           : size[0] || 448,
                 height          : size[1] || 396
             }, options || {});
 
             this.template = [
                 '<div class="box">',
-                    '<table cols="2" style="width: 100%;">',
+                    '<table cols="2" style="width: 100%;max-width: 497px;">',
                         '<tr>',
-                            '<td style="padding-right: 10px;padding-bottom: 8px;">',
+                            '<td style="padding-right: 5px;padding-bottom: 8px;width: 50%;">',
                                 '<label class="input-label">' + this.textFont + '</label>',
                                 '<div id="symbol-table-cmb-fonts"></div>',
                             '</td>',
-                            '<td style="padding-bottom: 8px;">',
+                            '<td style="padding-left: 5px;padding-bottom: 8px;">',
                                 '<label class="input-label">' + this.textRange + '</label>',
                                 '<div id="symbol-table-cmb-range"></div>',
                             '</td>',
                         '</tr>',
+                    '</table>',
+                    '<table cols="1" style="width: 100%;">',
                         '<tr>',
-                            '<td colspan="2" style="padding-bottom: 16px;">',
+                            '<td style="padding-bottom: 16px;">',
                                 '<div id="symbol-table-scrollable-div" style="position: relative;height:'+ (this.options.height-264) + 'px;">',
                                     '<div style="width: 100%;">',
                                         '<div id="id-preview">',
@@ -418,23 +420,25 @@ define([
                             '</td>',
                         '</tr>',
                         '<tr>',
-                            '<td colspan="2" style="padding-bottom: 16px;">',
+                            '<td style="padding-bottom: 16px;">',
                                 '<label class="input-label">' + this.textRecent + '</label>',
                                 '<div id="symbol-table-recent" tabindex="0" oo_editor_input="true" style="width: 100%;"></div>',
                             '</td>',
                         '</tr>',
+                    '</table>',
+                    '<table cols="2" style="width: 100%;max-width: 497px;">',
                         '<tr>',
-                            '<td style="padding-right: 10px;">',
+                            '<td style="padding-right: 5px; width: 50%;">',
                                 '<label class="input-label">' + this.textCode + '</label>',
                             '</td>',
-                            '<td>',
+                            '<td style="padding-left: 5px;">',
                             '</td>',
                         '</tr>',
                         '<tr>',
-                            '<td style="padding-right: 10px;">',
+                            '<td style="padding-right: 5px;">',
                                 '<div id="symbol-table-text-code" oo_editor_input="true"></div>',
                             '</td>',
-                            '<td>',
+                            '<td style="padding-left: 5px;">',
                                 '<div id="symbol-table-label-font" style="overflow: hidden; text-overflow: ellipsis;white-space: nowrap;max-width: 160px;"></div>',
                             '</td>',
                         '</tr>',