diff --git a/packages/theme-chalk/src/dropdown.scss b/packages/theme-chalk/src/dropdown.scss
index 480fb158ac..04ada48101 100644
--- a/packages/theme-chalk/src/dropdown.scss
+++ b/packages/theme-chalk/src/dropdown.scss
@@ -16,6 +16,8 @@
   line-height: 1;
 
   @include e(popper) {
+    @include set-component-css-var('dropdown', $--dropdown);
+
     // using attributes selector to override
 
     @include picker-popper(