diff --git src/wp-includes/css/customize-preview.css src/wp-includes/css/customize-preview.css
index a388488..f8f215a 100644
--- src/wp-includes/css/customize-preview.css
+++ src/wp-includes/css/customize-preview.css
@@ -28,23 +28,23 @@
 	z-index: 5;
 }
 
-.customize-partial-edit-shortcut:active {
+.customize-partial-edit-shortcut-click-target:active {
 	padding: 0;
 	border: 0;
 }
 
 /* Styles for the actual shortcut */
-.customize-partial-edit-shortcut:before {
+.widget button.customize-partial-edit-shortcut-click-target,
+.customize-partial-edit-shortcut-click-target {
 	position: absolute;
 	left: -36px;
 	color: #fff;
-	width: 30px;
-	height: 30px;
+	min-width: 30px;
+	min-height: 30px;
 	font-size: 18px;
-	font-family: dashicons;
-	content: '\f464';
 	z-index: 5;
 	background-color: #0085ba;
+	background: #0085ba;
 	border-radius: 50%;
 	border: 2px solid #fff;
 	box-shadow: 0 2px 1px rgba(46,68,83,0.15);
@@ -65,34 +65,40 @@
 	             -1px 0 1px #006799;
 }
 
-.customize-partial-edit-shortcut:hover:before,
-.customize-partial-edit-shortcut:focus:before {
+.customize-partial-edit-shortcut-click-target svg {
+	fill: #fff;
+	min-width: 20px;
+	min-height: 20px;
+}
+
+.customize-partial-edit-shortcut-click-target:hover,
+.customize-partial-edit-shortcut-click-target:focus {
     background: #008ec2; /* matches primary buttons */
 	border-color: #191e23; /* provides visual focus style with 4.5 contrast against background color */
 }
 
-body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut:before {
+body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut-click-target {
 	animation-name: customize-partial-edit-shortcut-bounce-appear;
 	pointer-events: auto;
 }
-body.customize-partial-edit-shortcuts-hidden .customize-partial-edit-shortcut:before {
+body.customize-partial-edit-shortcuts-hidden .customize-partial-edit-shortcut-click-target {
 	animation-name: customize-partial-edit-shortcut-bounce-disappear;
 	pointer-events: none;
 }
 
-body.customize-partial-edit-shortcuts-flash .customize-partial-edit-shortcut:before {
+body.customize-partial-edit-shortcuts-flash .customize-partial-edit-shortcut-click-target {
 	animation-duration: 1.5s;
 	animation-delay: 0.4s;
 	animation-name: customize-partial-edit-shortcut-bounce-disappear;
 	pointer-events: none;
 }
 
-.page-sidebar-collapsed .customize-partial-edit-shortcut:before,
-.customize-partial-edit-shortcut-hidden:before {
+.page-sidebar-collapsed .customize-partial-edit-shortcut-click-target ,
+.customize-partial-edit-shortcut-hidden .customize-partial-edit-shortcut-click-target {
 	visibility: hidden;
 }
 
-.customize-partial-edit-shortcut-left-margin:before {
+.customize-partial-edit-shortcut-left-margin .customize-partial-edit-shortcut-click-target {
 	left: 0;
 }
 
@@ -151,7 +157,7 @@ body.customize-partial-edit-shortcuts-flash .customize-partial-edit-shortcut:bef
 }
 
 @media screen and (max-width:800px) {
-	.customize-partial-edit-shortcut:before {
+	.customize-partial-edit-shortcut-click-target {
 		left: -18px; /* Assume there will be less of a margin available on smaller screens */
 	}
 }
diff --git src/wp-includes/js/customize-selective-refresh.js src/wp-includes/js/customize-selective-refresh.js
index 0fc06e9..dce0d16 100644
--- src/wp-includes/js/customize-selective-refresh.js
+++ src/wp-includes/js/customize-selective-refresh.js
@@ -214,14 +214,20 @@ wp.customize.selectiveRefresh = ( function( $, api ) {
 		 * @return {jQuery} The edit shortcut button element.
 		 */
 		createEditShortcut: function() {
-			var partial = this, shortcutTitle;
+			var partial = this, shortcutTitle, $button, $clickTarget, $image;
 			shortcutTitle = partial.getEditShortcutTitle();
-			return $( '<button>', {
+			$button = $( '<span>', {
+				'class': 'customize-partial-edit-shortcut ' + partial.getEditShortcutClassName()
+			} );
+			$clickTarget = $( '<button>', {
 				'aria-label': shortcutTitle,
 				'title': shortcutTitle,
-				'type': 'button',
-				'class': 'customize-partial-edit-shortcut ' + partial.getEditShortcutClassName()
+				'class': 'customize-partial-edit-shortcut-click-target'
 			} );
+			$image = $( '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13.89 3.39l2.71 2.72c.46.46.42 1.24.03 1.64l-8.01 8.02-5.56 1.16 1.16-5.58s7.6-7.63 7.99-8.03c.39-.39 1.22-.39 1.68.07zm-2.73 2.79l-5.59 5.61 1.11 1.11 5.54-5.65zm-2.97 8.23l5.58-5.6-1.07-1.08-5.59 5.6z"/></svg>' );
+			$clickTarget.append( $image );
+			$button.append( $clickTarget );
+			return $button;
 		},
 
 		/**