diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index 587ebb487c..7b14e7b011 100644
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -41,6 +41,7 @@
   --#{$prefix}dropdown-link-disabled-color: #{$dropdown-link-disabled-color};
   --#{$prefix}dropdown-item-padding-x: #{$dropdown-item-padding-x};
   --#{$prefix}dropdown-item-padding-y: #{$dropdown-item-padding-y};
+  --#{$prefix}dropdown-header-font-size: #{$dropdown-header-font-size};
   --#{$prefix}dropdown-header-color: #{$dropdown-header-color};
   --#{$prefix}dropdown-header-padding-x: #{$dropdown-header-padding-x};
   --#{$prefix}dropdown-header-padding-y: #{$dropdown-header-padding-y};
@@ -219,7 +220,7 @@
   display: block;
   padding: var(--#{$prefix}dropdown-header-padding-y) var(--#{$prefix}dropdown-header-padding-x);
   margin-bottom: 0; // for use with heading elements
-  @include font-size($font-size-sm);
+  @include font-size(var(--#{$prefix}dropdown-header-font-size));
   color: var(--#{$prefix}dropdown-header-color);
   white-space: nowrap; // as with > li > a
 }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 1ffa7e74bf..34d6ea5ffd 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -1262,6 +1262,7 @@ $dropdown-link-disabled-color:      var(--#{$prefix}tertiary-color) !default;
 $dropdown-item-padding-y:           $spacer * .25 !default;
 $dropdown-item-padding-x:           $spacer !default;
 
+$dropdown-header-font-size:         $font-size-sm !default;
 $dropdown-header-color:             $gray-600 !default;
 $dropdown-header-padding-x:         $dropdown-item-padding-x !default;
 $dropdown-header-padding-y:         $dropdown-padding-y !default;