Index: wp-admin/css/color-picker.css
===================================================================
--- wp-admin/css/color-picker.css	(revision 40457)
+++ wp-admin/css/color-picker.css	(working copy)
@@ -133,4 +133,11 @@
 	box-shadow:
 		0 0 0 1px #5b9dd9,
 		0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
+@media screen and ( max-width: 782px ) { 
+	.wp-picker-container input[type="text"].wp-color-picker {
+		margin-right: 6px;
+		padding: 3px 5px;
+	}
 }
\ No newline at end of file
Index: wp-includes/customize/class-wp-customize-color-control.php
===================================================================
--- wp-includes/customize/class-wp-customize-color-control.php	(revision 40457)
+++ wp-includes/customize/class-wp-customize-color-control.php	(working copy)
@@ -92,7 +92,7 @@
 	 */
 	public function content_template() {
 		?>
-		<# var defaultValue = '',
+		<# var defaultValue = '#RRGGBB', defaultValueAttr = '',
 			isHueSlider = data.mode === 'hue';
 
 		if ( data.defaultValue && ! isHueSlider ) {
@@ -101,7 +101,7 @@
 			} else {
 				defaultValue = data.defaultValue;
 			}
-			defaultValue = ' data-default-color=' + defaultValue; // Quotes added automatically.
+			defaultValueAttr = ' data-default-color=' + defaultValue; // Quotes added automatically.
 		} #>
 		<label>
 			<# if ( data.label ) { #>
@@ -114,7 +114,7 @@
 				<# if ( isHueSlider ) { #>
 					<input class="color-picker-hue" type="text" data-type="hue" />
 				<# } else { #>
-					<input class="color-picker-hex" type="text" maxlength="7" placeholder="<?php esc_attr_e( 'Hex Value' ); ?>" {{ defaultValue }} />
+					<input class="color-picker-hex" type="text" maxlength="7" placeholder="{{ defaultValue }}" {{ defaultValueAttr }} /> 
 				<# } #>
 			</div>
 		</label>