Fix misaligned remove icon

woocommerce · Jun 25, 2020 · 8edd9df · 8edd9df
1 parent 392e2b1
commit 8edd9df
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git a/assets/js/base/components/chip/index.js b/assets/js/base/components/chip/index.js
@@ -82,7 +82,7 @@ const Chip = ( {
 				className="wc-block-components-chip__remove"
 				{ ...removeProps }
 			>
-				✕
+				🗙
 			</RemoveElement>
 		</Wrapper>
 	);

diff --git a/assets/js/base/components/dropdown-selector/selected-value.js b/assets/js/base/components/dropdown-selector/selected-value.js
@@ -47,7 +47,7 @@ const DropdownSelectorSelectedValue = ( { onClick, onRemoveItem, option } ) => {
 					option.name
 				) }
 			>
-				✕
+				🗙
 			</button>
 		</div>
 	);

diff --git a/assets/js/blocks/active-filters/style.scss b/assets/js/blocks/active-filters/style.scss
@@ -99,12 +99,9 @@
 		}
 
 		.wc-block-components-chip {
+			@include font-size(small);
 			margin-top: em($gap-small/4);
 			margin-bottom: em($gap-small/4);
 		}
-
-		.wc-block-components-chip__text {
-			@include font-size(small);
-		}
 	}
 }