diff --git a/skins/default/mail.css b/skins/default/mail.css
index c8db8e0c8..0e928f0e8 100644
--- a/skins/default/mail.css
+++ b/skins/default/mail.css
@@ -1448,6 +1448,14 @@ input.from_address
   background-color: #F9F9F9;
 }
 
+#compose-attachments.droptarget.hover
+{
+  background-color: #F0F0EE;
+  box-shadow: 0 0 5px 0 #999;
+  -moz-box-shadow: 0 0 5px 0 #999;
+  -o-box-shadow: 0 0 5px 0 #999;
+}
+
 #compose-attachments ul
 {
   margin: 0px;
diff --git a/skins/default/templates/compose.html b/skins/default/templates/compose.html
index adb0949c1..caebf31a0 100644
--- a/skins/default/templates/compose.html
+++ b/skins/default/templates/compose.html
@@ -49,6 +49,7 @@
   <roundcube:button name="uploadmenulink" id="uploadmenulink" type="link" title="addattachment" class="button addgroup" onclick="rcmail_ui.show_popup('uploadmenu', true);return false" content=" " />
 </div>
 </div>
+<roundcube:object name="fileDropArea" id="compose-attachments" />
 
 <script type="text/javascript">
   var composesplitv = new rcube_splitter({id:'composesplitterv', p1: 'compose-attachments', p2: 'compose-container', orientation: 'v', relative: true, start: 175});