diff --git a/assets/css/wc-setup.scss b/assets/css/wc-setup.scss
index 301bab4e0a4..01012ef1854 100644
--- a/assets/css/wc-setup.scss
+++ b/assets/css/wc-setup.scss
@@ -639,6 +639,8 @@ body {
 
 // Toggle display a list of services.
 .wc-wizard-services-list-toggle {
+	cursor: pointer;
+
 	.wc-wizard-service-enable::before {
 		content: "\f343"; // up chevron
 		font-family: "dashicons";
@@ -658,7 +660,6 @@ body {
 	.wc-wizard-service-enable input {
 		visibility: hidden;
 		position: relative;
-		cursor: pointer;
 	}
 }
 
diff --git a/assets/js/admin/wc-setup.js b/assets/js/admin/wc-setup.js
index fc196aedda8..af57ec927a8 100644
--- a/assets/js/admin/wc-setup.js
+++ b/assets/js/admin/wc-setup.js
@@ -48,7 +48,7 @@ jQuery( function( $ ) {
 		$checkbox.prop( 'checked', ! $checkbox.prop( 'checked' ) ).change();
 	} );
 
-	$( '.wc-wizard-services-list-toggle' ).on( 'change', '.wc-wizard-service-enable input', function() {
+	$( '.wc-wizard-services-list-toggle' ).on( 'click', function() {
 		$( this ).closest( '.wc-wizard-services-list-toggle' ).toggleClass( 'closed' );
 		$( this ).closest( '.wc-wizard-services' ).find( '.wc-wizard-service-item' )
 			.slideToggle()