diff --git a/src/main/twirl/helper/attached.scala.html b/src/main/twirl/helper/attached.scala.html
index a7a36f2..d7ae7ce 100644
--- a/src/main/twirl/helper/attached.scala.html
+++ b/src/main/twirl/helper/attached.scala.html
@@ -2,12 +2,12 @@
 @import context._
 <div class="muted attachable">
   @textarea
-  <div>Attach images by dragging &amp; dropping, or selecting them.</div>
+  <div class="clickable">Attach images by dragging &amp; dropping, or selecting them.</div>
 </div>
 @defining("(id=\")([\\w\\-]*)(\")".r.findFirstMatchIn(textarea.body).map(_.group(2))){ textareaId =>
 <script>
 $(function(){
-  $('#@textareaId').next('div').dropzone({
+  $([$('#@textareaId').closest('div')[0], $('#@textareaId').next('div')[0]]).dropzone({
     url: '@path/upload/image/@owner/@repository',
     maxFilesize: 10,
     acceptedFiles: 'image/*',
@@ -21,7 +21,7 @@
   });
 
   // Adjust attachment area width
-  $('div.attachable div').css('width', ($('div.attachable textarea').width() + 8) + 'px');
+  $('#@textareaId').next('div.clickable').css('width', ($('#@textareaId').width() + 8) + 'px');
 });
 </script>
 }
diff --git a/src/main/webapp/assets/common/css/gitbucket.css b/src/main/webapp/assets/common/css/gitbucket.css
index eef2d04..18b096f 100644
--- a/src/main/webapp/assets/common/css/gitbucket.css
+++ b/src/main/webapp/assets/common/css/gitbucket.css
@@ -683,7 +683,7 @@
   border-radius: 0px;
 }
 
-div.attachable div {
+div.attachable div.clickable {
   padding: 2px;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;