Add border to filter chips

WordPress · Aug 30, 2024 · 0507ff7 · 0507ff7
1 parent a3d1c07
commit 0507ff7
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/dataviews/src/components/dataviews-filters/style.scss b/packages/dataviews/src/components/dataviews-filters/style.scss
@@ -48,11 +48,11 @@
 
 	.dataviews-filters__summary-chip {
 		border-radius: $grid-unit-20;
-		border: $border-width solid transparent;
 		cursor: pointer;
 		padding: $grid-unit-05 $grid-unit-15;
 		min-height: $grid-unit-40;
 		background: $gray-100;
+		border: 1px solid $gray-200;
 		color: $gray-800;
 		position: relative;
 		display: flex;
@@ -72,6 +72,7 @@
 		&.has-values {
 			color: var(--wp-admin-theme-color);
 			background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+			border: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
 
 			&:hover,
 			&[aria-expanded="true"] {