From 88a63a1d926b8a552999e3fc414c8a8e55715101 Mon Sep 17 00:00:00 2001
From: Alex Khomenko <Clarity-89@users.noreply.github.com>
Date: Wed, 3 Sep 2025 15:29:33 +0300
Subject: [PATCH] Icon: Use non-block element for loader (#110399)

---
 packages/grafana-ui/src/components/Icon/Icon.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/grafana-ui/src/components/Icon/Icon.tsx b/packages/grafana-ui/src/components/Icon/Icon.tsx
index f6bb0645f2f..ed987489f14 100644
--- a/packages/grafana-ui/src/components/Icon/Icon.tsx
+++ b/packages/grafana-ui/src/components/Icon/Icon.tsx
@@ -84,11 +84,11 @@ export const Icon = React.memo(
           title={title}
           className={composedClassName}
           style={style}
-          // render an empty div with the correct dimensions while loading
+          // render an empty element with the correct dimensions while loading
           // this prevents content layout shift whilst the icon asynchronously loads
           // which happens even if the icon is in the cache(!)
           loader={
-            <div
+            <span
               className={cx(
                 css({
                   width: svgWid,