diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index 502f8ea1f7..9b6f06cbc0 100644
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -727,7 +727,13 @@ table.dragshadow td.size {
 
 .breadcrumb .canDrop > a,
 #filestable tbody tr.canDrop {
-	background-color: rgb(179, 230, 255);
+	background-color: rgba( $color-primary, .3 );
+}
+.dropzone-background {
+	background-color: rgba( $color-primary, .3 );
+	:hover{
+		box-shadow: none !important;
+	}
 }
 
 
diff --git a/apps/files/js/navigation.js b/apps/files/js/navigation.js
index 538865ad5b..de0053e2e9 100644
--- a/apps/files/js/navigation.js
+++ b/apps/files/js/navigation.js
@@ -82,6 +82,8 @@
 					element.addClass('nav-icon-trashbin').removeClass('nav-icon-trashbin-starred');
 				},
 				drop: function (event, ui) {
+					trashBinElement.removeClass('dropzone-background');
+
 					var $selectedFiles = $(ui.draggable);
 
 					// FIXME: when there are a lot of selected files the helper