diff --git a/packages/grafana-ui/src/components/FormattedValueDisplay/FormattedValueDisplay.tsx b/packages/grafana-ui/src/components/FormattedValueDisplay/FormattedValueDisplay.tsx
index 603dbe0b499..6c9d6dd5334 100644
--- a/packages/grafana-ui/src/components/FormattedValueDisplay/FormattedValueDisplay.tsx
+++ b/packages/grafana-ui/src/components/FormattedValueDisplay/FormattedValueDisplay.tsx
@@ -23,7 +23,7 @@ export const FormattedValueDisplay = ({ value, className, style, ...htmlProps }:
   const hasSuffix = (value.suffix ?? '').length > 0;
   let suffixStyle;
 
-  if (style && style.fontSize && typeof style.fontSize === 'number') {
+  if (style && typeof style.fontSize === 'number' && !Number.isNaN(style.fontSize)) {
     const fontSize = style.fontSize;
     const reductionFactor = fontSizeReductionFactor(fontSize);
     suffixStyle = { fontSize: fontSize * reductionFactor };