From 630c18d79d3282a9da6472cedc64505f286fd270 Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Thu, 20 Oct 2022 13:34:14 +0100
Subject: [PATCH] make border-radius part of the base styles so focus styles
 are consistent (#57353)

---
 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 0c231131a93..11da0dd0e79 100644
--- a/public/app/core/components/PageNew/SectionNavItem.tsx
+++ b/public/app/core/components/PageNew/SectionNavItem.tsx
@@ -57,6 +57,7 @@ const getStyles = (theme: GrafanaTheme2) => {
       padding: ${theme.spacing(1, 0, 1, 1.5)};
       display: flex;
       align-items: center;
+      border-radius: ${theme.shape.borderRadius(2)};
       gap: ${theme.spacing(1)};
       height: 100%;
       position: relative;
@@ -71,7 +72,6 @@ const getStyles = (theme: GrafanaTheme2) => {
       label: activeTabStyle;
       color: ${theme.colors.text.primary};
       background: ${theme.colors.emphasize(theme.colors.background.canvas, 0.03)};
-      border-radius: ${theme.shape.borderRadius(2)};
       font-weight: ${theme.typography.fontWeightMedium};
 
       &::before {