diff --git a/packages/charts/api/charts.api.md b/packages/charts/api/charts.api.md
index f89feef9032..78a6c63e8fa 100644
--- a/packages/charts/api/charts.api.md
+++ b/packages/charts/api/charts.api.md
@@ -2119,7 +2119,7 @@ export type MetricElementEvent = {
 // Warning: (ae-forgotten-export) The symbol "FontWeight" needs to be exported by the entry point index.d.ts
 //
 // @public
-export type MetricFontWeight = Extract<FontWeight, 'bold' | 'normal'>;
+export type MetricFontWeight = Extract<FontWeight, 'bold' | 'normal' | 500>;
 
 // @alpha (undocumented)
 export interface MetricSpec extends Spec {
diff --git a/packages/charts/src/utils/themes/theme.ts b/packages/charts/src/utils/themes/theme.ts
index 80d9815f6c2..e537d9c7f96 100644
--- a/packages/charts/src/utils/themes/theme.ts
+++ b/packages/charts/src/utils/themes/theme.ts
@@ -306,7 +306,7 @@ export interface HeatmapStyle {
  * Metric font weight options for text styling.
  * @public
  */
-export type MetricFontWeight = Extract<FontWeight, 'bold' | 'normal'>;
+export type MetricFontWeight = Extract<FontWeight, 'bold' | 'normal' | 500>;
 
 /**
  * Style options for the Metric chart type.
diff --git a/storybook/stories/metric/7_layout.story.tsx b/storybook/stories/metric/7_layout.story.tsx
index eb453a10cf8..83e592df954 100644
--- a/storybook/stories/metric/7_layout.story.tsx
+++ b/storybook/stories/metric/7_layout.story.tsx
@@ -236,8 +236,8 @@ export const Example: ChartsStory = (_, { title: storyTitle, description }) => {
   const titlesTextAlign = getTextAlignKnob('Title and subtitle alignment', 'left', textConfigurationAndPositionGroup);
   const titleWeight = select(
     'Title weight',
-    { Bold: 'bold', Normal: 'normal' },
-    'normal',
+    { Bold: 'bold', Medium: 500, Normal: 'normal' },
+    500,
     textConfigurationAndPositionGroup,
   );
   // Value (primary metric)