diff --git a/plugins/woocommerce-blocks/assets/js/base/components/select/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/select/style.scss
index 4d4256d780e..2cae8a6903c 100644
--- a/plugins/woocommerce-blocks/assets/js/base/components/select/style.scss
+++ b/plugins/woocommerce-blocks/assets/js/base/components/select/style.scss
@@ -118,3 +118,19 @@
 		display: none;
 	}
 }
+
+.theme-twentytwentyone {
+	&.is-dark-theme {
+		// If the theme is in dark mode, as well as the block, then this selector will match.
+		.has-dark-controls {
+			.components-custom-select-control__item {
+				color: $input-text-dark;
+			}
+		}
+
+		// If the theme is in dark mode, but the block isn't, then this selector will match.
+		.components-custom-select-control__item {
+			color: $input-text-active;
+		}
+	}
+}