From f7e9aeac6ead9a8eca6f964c86e5172618e6b504 Mon Sep 17 00:00:00 2001
From: Alex Khomenko <Clarity-89@users.noreply.github.com>
Date: Thu, 31 Oct 2024 12:59:46 +0200
Subject: [PATCH] FormattedValueDisplay: Improve styles check (#95639)

---
 .../components/FormattedValueDisplay/FormattedValueDisplay.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 };