diff --git a/media/css/seahub.css b/media/css/seahub.css
index 3afbc80b6c..8f0d444ad9 100644
--- a/media/css/seahub.css
+++ b/media/css/seahub.css
@@ -3374,7 +3374,7 @@ textarea:-moz-placeholder {/* for FF */
     line-height:16px;
 }
 
-/* repo setting */
+/* repo setting TODO*/
 .user-perm-add-tr input,
 .group-perm-add-tr input {
     padding:2px 5px;
@@ -3485,6 +3485,13 @@ textarea:-moz-placeholder {/* for FF */
     max-height:250px;
     overflow:auto;
 }
+#repo-folder-perm .tabs-panel {
+    width:600px;
+}
+.repo-folder-perm-folder-path {
+    padding:3px 5px;
+    width:155px;
+}
 #share-popup .share-permission-select,
 #folder-perm-tabs .perm-select {
     height:30px;
diff --git a/seahub/templates/js/templates.html b/seahub/templates/js/templates.html
index 6c6b802ea2..9c48b0895e 100644
--- a/seahub/templates/js/templates.html
+++ b/seahub/templates/js/templates.html
@@ -1194,17 +1194,17 @@
                 <table>
                     <thead>
                     <tr>
-                        <th width="30%">{% trans "User" %}</th>
-                        <th width="30%">{% trans "Folder" %}</th>
-                        <th width="30%">{% trans "Permission" %}</th>
+                        <th width="32%">{% trans "User" %}</th>
+                        <th width="32%">{% trans "Folder" %}</th>
+                        <th width="26%">{% trans "Permission" %}</th>
                         <th width="10%"><!--op--></th>
                     </tr>
                     </thead>
                     <tbody>
-                        <tr class="user-perm-add-tr">
+                        <tr>
                             <td><input name="emails" type="hidden" /></td>
                             <td>
-                                <input type="text" name="folder_path" />
+                                <input type="text" name="folder_path" class="repo-folder-perm-folder-path" />
                                 <img src="{{ MEDIA_URL }}img/add.png" alt="" title="{% trans "Select a folder" %}" class="add vam" />
                             </td>
                             <td>
@@ -1226,19 +1226,19 @@
                 <table>
                     <thead>
                     <tr>
-                        <th width="30%">{% trans "Group" %}</th>
-                        <th width="30%">{% trans "Folder" %}</th>
-                        <th width="30%">{% trans "Permission" %}</th>
+                        <th width="32%">{% trans "Group" %}</th>
+                        <th width="32%">{% trans "Folder" %}</th>
+                        <th width="26%">{% trans "Permission" %}</th>
                         <th width="10%"><!--op--></th>
                     </tr>
                     </thead>
                     <tbody>
-                        <tr class="group-perm-add-tr">
+                        <tr>
                             <td>
                                 <select name="groups" class="w100" multiple="multiple"></select>
                             </td>
                             <td>
-                                <input type="text" name="folder_path" />
+                                <input type="text" name="folder_path" class="repo-folder-perm-folder-path" />
                                 <img src="{{ MEDIA_URL }}img/add.png" alt="" title="{% trans "Select a folder" %}" class="add vam" />
                             </td>
                             <td>
diff --git a/static/scripts/app/views/dialogs/repo-folder-perm-admin.js b/static/scripts/app/views/dialogs/repo-folder-perm-admin.js
index b189b8e2be..661ac0fa96 100644
--- a/static/scripts/app/views/dialogs/repo-folder-perm-admin.js
+++ b/static/scripts/app/views/dialogs/repo-folder-perm-admin.js
@@ -66,7 +66,7 @@ define([
 
             if (collection.perm_type == 'user') {
                 $('[name="emails"]', $panel).select2($.extend({
-                    width: '160px'
+                    width: '190px'
                 },Common.contactInputOptionsForSelect2()));
             } else {
                 var groups = app.pageOptions.groups || [];
@@ -76,7 +76,7 @@ define([
                 }
                 $('[name="groups"]', $panel).html(g_opts).select2({
                     placeholder: gettext("Select groups"),
-                    width: '160px',
+                    width: '190px',
                     escapeMarkup: function(m) { return m; }
                 });
             }