diff --git a/media/css/seahub.css b/media/css/seahub.css
index ed387cd7dd..5e1d48aec8 100644
--- a/media/css/seahub.css
+++ b/media/css/seahub.css
@@ -2229,6 +2229,8 @@ textarea:-moz-placeholder {/* for FF */
     padding:2px;
 }
 /* file/dir share popup */
+#repo-folder-perm-popup,
+#repo-share-link-admin-dialog,
 #folder-perm-popup,
 #file-share,
 #share-popup {
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 d4870334be..0a5fc95b22 100644
--- a/static/scripts/app/views/dialogs/repo-folder-perm-admin.js
+++ b/static/scripts/app/views/dialogs/repo-folder-perm-admin.js
@@ -12,6 +12,7 @@ define([
 
     var View = Backbone.View.extend({
 
+        id: 'repo-folder-perm-popup',
         template: _.template($('#repo-folder-perm-admin-dialog-tmpl').html()),
 
         initialize: function(options) {
@@ -22,6 +23,7 @@ define([
             this.$('.op-target').css({'max-width':280}); // for long repo name
             this.$el.modal({
                 focus: false,
+                containerCss: {"padding": 0},
                 onClose: function() {
                     $(document).off('click', hideItemEdit);
                     $.modal.close();
diff --git a/static/scripts/app/views/dialogs/repo-share-link-admin.js b/static/scripts/app/views/dialogs/repo-share-link-admin.js
index e1c83dcba8..07120c3113 100644
--- a/static/scripts/app/views/dialogs/repo-share-link-admin.js
+++ b/static/scripts/app/views/dialogs/repo-share-link-admin.js
@@ -20,7 +20,9 @@ define([
 
             this.render();
             this.$('.op-target').css({'max-width':280}); // for long repo name
-            this.$el.modal();
+            this.$el.modal({
+                containerCss: {"padding": 0}
+            });
             $("#simplemodal-container").css({
                 'width':'auto',
                 'height':'auto'