diff --git a/media/css/seahub.css b/media/css/seahub.css
index 2b62ce0fda..b518cca322 100644
--- a/media/css/seahub.css
+++ b/media/css/seahub.css
@@ -3881,7 +3881,7 @@ img.thumbnail {
     margin:0;
 }
 .grid-item-op {
-    position:relative;
+    position:fixed;
 }
 #dir-view .grid-item {
     padding:10px 20px; /* use less padding */
diff --git a/seahub/templates/js/lib-op-popups.html b/seahub/templates/js/lib-op-popups.html
index 11d97090e3..98abaa9eb2 100644
--- a/seahub/templates/js/lib-op-popups.html
+++ b/seahub/templates/js/lib-op-popups.html
@@ -42,7 +42,7 @@
     <script type="text/template" id="dirent-rename-dialog-template">
     <form id="rename-form" class="dirent-rename-dialog" action="" method="post">
         <h3><%= form_title %></h3>
-        <input type="text" name="newname" value="<%- dirent_name %>" class="input vam" maxlength="{{max_file_name}}" />
+        <input type="text" name="newname" value="<%- dirent_name %>" class="input vam" maxlength="{{max_file_name}}" /><br />
         <p class="error hide"></p>
         <button type="submit" class="submit">{% trans "Submit" %}</button>
         <button class="simplemodal-close">{% trans "Cancel" %}</button>
diff --git a/static/scripts/app/views/dirent-grid.js b/static/scripts/app/views/dirent-grid.js
index 22947f9716..d4f043e100 100644
--- a/static/scripts/app/views/dirent-grid.js
+++ b/static/scripts/app/views/dirent-grid.js
@@ -121,8 +121,8 @@ define([
             });
             this.$el.append(op);
             this.$('.grid-item-op').css({
-                'left': '100px',
-                'top': '100px',
+                'left': event.pageX,
+                'top': event.pageY,
             });
 
             // Using _.bind(function, object) to make that whenever the function is