Apply more tweaks

WordPress · Jun 26, 2024 · 6ecc280 · 6ecc280
1 parent 88a2040
commit 6ecc280
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/components/src/custom-select-control-v2/styles.ts b/packages/components/src/custom-select-control-v2/styles.ts
@@ -93,6 +93,7 @@ export const Select = styled( Ariakit.Select, {
 		font-family: inherit;
 		font-size: ${ CONFIG.fontSize };
 		text-align: left;
+		user-select: none;
 		width: 100%;
 
 		&[data-focus-visible] {
@@ -106,7 +107,7 @@ export const Select = styled( Ariakit.Select, {
 
 export const SelectPopover = styled( Ariakit.SelectPopover )`
 	border-radius: 2px;
-	background: ${ COLORS.theme.background };
+	background-color: ${ COLORS.theme.background };
 	border: 1px solid ${ COLORS.theme.foreground };
 
 	&[data-focus-visible] {
@@ -123,7 +124,7 @@ export const SelectItem = styled( Ariakit.SelectItem )`
 	// Legacy line height is 28px.
 	// TODO: reassess for non-legacy v2
 	line-height: calc( 28px / ${ CONFIG.fontSize } );
-
+	scroll-margin: ${ space( 1 ) };
 	user-select: none;
 
 	&[aria-disabled='true'] {