diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index 587ebb487cf4..35bfcf39d31e 100644
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -42,6 +42,7 @@
   --#{$prefix}dropdown-item-padding-x: #{$dropdown-item-padding-x};
   --#{$prefix}dropdown-item-padding-y: #{$dropdown-item-padding-y};
   --#{$prefix}dropdown-header-color: #{$dropdown-header-color};
+  --#{$prefix}dropdown-header-font-size: #{$font-size-sm};
   --#{$prefix}dropdown-header-padding-x: #{$dropdown-header-padding-x};
   --#{$prefix}dropdown-header-padding-y: #{$dropdown-header-padding-y};
   // scss-docs-end dropdown-css-vars
@@ -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 5429c017e965..6b77f1a1010a 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -1263,6 +1263,7 @@ $dropdown-item-padding-y:           $spacer * .25 !default;
 $dropdown-item-padding-x:           $spacer !default;
 
 $dropdown-header-color:             $gray-600 !default;
+$dropdown-header-font-size:         $font-size-sm !default;
 $dropdown-header-padding-x:         $dropdown-item-padding-x !default;
 $dropdown-header-padding-y:         $dropdown-padding-y !default;
 // fusv-disable