diff --git a/demos/droppable/revert.html b/demos/droppable/revert.html
index 71caab635f7..c01e69ea9ff 100644
--- a/demos/droppable/revert.html
+++ b/demos/droppable/revert.html
@@ -21,8 +21,8 @@
 		$( "#draggable2" ).draggable({ revert: "invalid" });
 
 		$( "#droppable" ).droppable({
-			activeClass: "ui-state-hover",
-			hoverClass: "ui-state-active",
+			activeClass: "ui-state-active",
+			hoverClass: "ui-state-hover",
 			drop: function( event, ui ) {
 				$( this )
 					.addClass( "ui-state-highlight" )
diff --git a/demos/droppable/visual-feedback.html b/demos/droppable/visual-feedback.html
index 5d7f7901733..17558a0decd 100644
--- a/demos/droppable/visual-feedback.html
+++ b/demos/droppable/visual-feedback.html
@@ -20,7 +20,7 @@
 	$(function() {
 		$( "#draggable" ).draggable();
 		$( "#droppable" ).droppable({
-			hoverClass: "ui-state-active",
+			hoverClass: "ui-state-hover",
 			drop: function( event, ui ) {
 				$( this )
 					.addClass( "ui-state-highlight" )
@@ -32,7 +32,7 @@
 		$( "#draggable2" ).draggable();
 		$( "#droppable2" ).droppable({
 			accept: "#draggable2",
-			activeClass: "ui-state-hover",
+			activeClass: "ui-state-active",
 			drop: function( event, ui ) {
 				$( this )
 					.addClass( "ui-state-highlight" )
diff --git a/themes/base/jquery.ui.theme.css b/themes/base/jquery.ui.theme.css
index 71bd156648d..41c12224384 100644
--- a/themes/base/jquery.ui.theme.css
+++ b/themes/base/jquery.ui.theme.css
@@ -62,6 +62,20 @@
 	color: #555555/*{fcDefault}*/;
 	text-decoration: none;
 }
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+	border: 1px solid #aaaaaa/*{borderColorActive}*/;
+	background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
+	font-weight: normal/*{fwDefault}*/;
+	color: #212121/*{fcActive}*/;
+}
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+	color: #212121/*{fcActive}*/;
+	text-decoration: none;
+}
 .ui-state-hover,
 .ui-widget-content .ui-state-hover,
 .ui-widget-header .ui-state-hover,
@@ -84,20 +98,6 @@
 	color: #212121/*{fcHover}*/;
 	text-decoration: none;
 }
-.ui-state-active,
-.ui-widget-content .ui-state-active,
-.ui-widget-header .ui-state-active {
-	border: 1px solid #aaaaaa/*{borderColorActive}*/;
-	background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
-	font-weight: normal/*{fwDefault}*/;
-	color: #212121/*{fcActive}*/;
-}
-.ui-state-active a,
-.ui-state-active a:link,
-.ui-state-active a:visited {
-	color: #212121/*{fcActive}*/;
-	text-decoration: none;
-}
 
 /* Interaction Cues
 ----------------------------------*/