From a7c1598ca6848e41e93849ad21cb16875a449e80 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Tue, 28 Feb 2023 16:04:35 +0100
Subject: [PATCH] [v9.4.x] Navigation: reserve horizontal space for img in
 SectionNavItem to avoid layout shift (#63865)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Navigation: reserve horizontal space for img in SectionNavItem to avoid layout shift (#63722)

(cherry picked from commit 429d693a4a0341131f13e8b5e8d6378879dcca60)

Co-authored-by: Uladzimir Dzmitračkoŭ <3773351+going-confetti@users.noreply.github.com>
---
 public/app/core/components/PageNew/SectionNavItem.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/app/core/components/PageNew/SectionNavItem.tsx b/public/app/core/components/PageNew/SectionNavItem.tsx
index 7abf0634e6a..c05c2499407 100644
--- a/public/app/core/components/PageNew/SectionNavItem.tsx
+++ b/public/app/core/components/PageNew/SectionNavItem.tsx
@@ -102,7 +102,7 @@ const getStyles = (theme: GrafanaTheme2) => {
       margin-left: ${theme.spacing(1)};
     `,
     sectionImg: css({
-      height: 18,
+      width: 18,
     }),
     isSectionRoot: css({
       fontSize: theme.typography.h4.fontSize,