diff --git a/src/wp-admin/css/site-icon.css b/src/wp-admin/css/site-icon.css
index 8a4d428d8a..5d8a1b3d96 100644
--- a/src/wp-admin/css/site-icon.css
+++ b/src/wp-admin/css/site-icon.css
@@ -49,6 +49,7 @@
 }
 
 .site-icon-crop-preview-homeicon {
+	background-color: #000;
 	-webkit-border-radius: 16px;
 	border-radius: 16px;
 	height: 64px;
diff --git a/src/wp-admin/js/site-icon-crop.js b/src/wp-admin/js/site-icon-crop.js
index ebe727454e..c2b434eb6f 100644
--- a/src/wp-admin/js/site-icon-crop.js
+++ b/src/wp-admin/js/site-icon-crop.js
@@ -39,6 +39,7 @@
 		ready: function() {
 			jcrop_api = $.Jcrop( '#crop-image' );
 			jcrop_api.setOptions({
+				bgColor: 'transparent',
 				aspectRatio: 1,
 				onSelect: siteIconCrop.updateCoords,
 				onChange: siteIconCrop.updateCoords,