Fix suggestions list width

WordPress · Oct 6, 2023 · 862078f · 862078f
1 parent 906df26
commit 862078f
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/packages/patterns/src/components/style.scss b/packages/patterns/src/components/style.scss
@@ -7,15 +7,24 @@
 	}
 
 	.patterns-menu-items__convert-modal-categories {
-		max-width: 300px;
+		width: 100%;
+		position: relative;
+		min-height: 40px;
 	}
 	.components-form-token-field__suggestions-list {
 		position: absolute;
+		box-sizing: border-box;
 		z-index: 1;
 		background-color: $white;
-		width: 295px;
+		// Account for the border width of the token field.
+		width: calc(100% + 2px);
+		left: -1px;
 		min-width: initial;
-		border: 1px solid $gray-600;
+		border: 1px solid var(--wp-admin-theme-color);
+		border-top: none;
+		box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
+		border-bottom-left-radius: 2px;
+		border-bottom-right-radius: 2px;
 	}
 }