diff --git a/mod/feedback/styles.css b/mod/feedback/styles.css
index f926458a1e3..68cb7dd14eb 100644
--- a/mod/feedback/styles.css
+++ b/mod/feedback/styles.css
@@ -83,6 +83,14 @@ hr.feedback_pagebreak {
 	border:0px;
 }
 
+.drag_target_active {
+	opacity: .25;
+}
+
+.drag_item_active {
+	opacity: .5;
+}
+
 ul#feedback_draglist {
 	list-style: none;
 	padding: 0;
diff --git a/mod/feedback/yui/dragdrop/dragdrop.js b/mod/feedback/yui/dragdrop/dragdrop.js
index 349a02fc3ed..6758b3ae70a 100644
--- a/mod/feedback/yui/dragdrop/dragdrop.js
+++ b/mod/feedback/yui/dragdrop/dragdrop.js
@@ -60,10 +60,10 @@ YUI.add('moodle-mod_feedback-dragdrop', function(Y) {
                 //Get our drag object
                 var drag = e.target;
                 //Set some styles here
-                drag.get('node').setStyle('opacity', '.25');
+                drag.get('node').addClass('drag_target_active');
                 drag.get('dragNode').set('innerHTML', drag.get('node').get('innerHTML'));
+                drag.get('dragNode').addClass('drag_item_active');
                 drag.get('dragNode').setStyles({
-                    opacity: '.5',
                     borderColor: drag.get('node').getStyle('borderColor'),
                     backgroundColor: drag.get('node').getStyle('backgroundColor')
                 });
@@ -72,10 +72,7 @@ YUI.add('moodle-mod_feedback-dragdrop', function(Y) {
             Y.DD.DDM.on('drag:end', function(e) {
                 var drag = e.target;
                 //Put our styles back
-                drag.get('node').setStyles({
-                    visibility: '',
-                    opacity: '1'
-                });
+                drag.get('node').removeClass('drag_target_active');
 
             });
             //Listen for all drag:drophit events