diff --git a/client/galaxy/scripts/mvc/upload/composite/composite-row.js b/client/galaxy/scripts/mvc/upload/composite/composite-row.js
index 4bf4dcafae0..1c58cd3d08f 100644
--- a/client/galaxy/scripts/mvc/upload/composite/composite-row.js
+++ b/client/galaxy/scripts/mvc/upload/composite/composite-row.js
@@ -38,10 +38,10 @@ export default Backbone.View.extend({
         // build upload functions
         this.uploadinput = this.$el.uploadinput({
             ondragover: function() {
-                self.model.get("enabled") && self.$el.addClass("warning");
+                self.model.get("enabled") && self.$el.addClass("alert-success");
             },
             ondragleave: function() {
-                self.$el.removeClass("warning");
+                self.$el.removeClass("alert-success");
             },
             onchange: function(files) {
                 if (self.model.get("status") != "running" && files && files.length > 0) {
diff --git a/client/galaxy/style/scss/upload.scss b/client/galaxy/style/scss/upload.scss
index 7b2a007b349..f395d2723ee 100644
--- a/client/galaxy/style/scss/upload.scss
+++ b/client/galaxy/style/scss/upload.scss
@@ -279,6 +279,9 @@
     td {
         padding: 0.5rem;
     }
+    .alert-success {
+        background: $brand-success !important;
+    }
 }
 
 .upload-settings {