From e31e70d0c4e0b9dfe11e899681fd9b6a82b1d8f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Fri, 17 Oct 2025 12:36:47 +0200
Subject: [PATCH] Stat/BarGauge: Border radius tweak (#112562)

* Stat/BarGauge: Border radius tweak

* Fix lint
---
 packages/grafana-ui/src/components/BarGauge/BarGauge.tsx   | 7 +++----
 .../grafana-ui/src/components/BigValue/BigValueLayout.tsx  | 1 -
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/grafana-ui/src/components/BarGauge/BarGauge.tsx b/packages/grafana-ui/src/components/BarGauge/BarGauge.tsx
index 271410e32ea..3392f059662 100644
--- a/packages/grafana-ui/src/components/BarGauge/BarGauge.tsx
+++ b/packages/grafana-ui/src/components/BarGauge/BarGauge.tsx
@@ -147,7 +147,6 @@ export class BarGauge extends PureComponent<Props> {
       lcdCellWidth,
       text,
       valueDisplayMode,
-      theme,
       isOverflow,
     } = this.props;
     const { valueHeight, valueWidth, maxBarHeight, maxBarWidth, wrapperWidth, wrapperHeight } =
@@ -195,7 +194,7 @@ export class BarGauge extends PureComponent<Props> {
       const currentValue = minValue + (valueRange / cellCount) * i;
       const cellColor = getCellColor(currentValue, value, display);
       const cellStyles: CSSProperties = {
-        borderRadius: theme.shape.radius.default,
+        borderRadius: '2px',
       };
 
       if (cellColor.isLit) {
@@ -525,7 +524,7 @@ export function getBasicAndGradientStyles(props: Props): BasicAndGradientStyles
   };
 
   const barStyles: CSSProperties = {
-    borderRadius: theme.shape.radius.default,
+    borderRadius: theme.shape.radius.sm,
     position: 'relative',
   };
 
@@ -533,7 +532,7 @@ export function getBasicAndGradientStyles(props: Props): BasicAndGradientStyles
     background: theme.colors.background.secondary,
     flexGrow: 1,
     display: 'flex',
-    borderRadius: theme.shape.radius.default,
+    borderRadius: theme.shape.radius.sm,
     position: 'relative',
   };
 
diff --git a/packages/grafana-ui/src/components/BigValue/BigValueLayout.tsx b/packages/grafana-ui/src/components/BigValue/BigValueLayout.tsx
index a8914563f80..07d1c41c559 100644
--- a/packages/grafana-ui/src/components/BigValue/BigValueLayout.tsx
+++ b/packages/grafana-ui/src/components/BigValue/BigValueLayout.tsx
@@ -198,7 +198,6 @@ export abstract class BigValueLayout {
       width: `${width}px`,
       height: `${height}px`,
       padding: `${textMode === BigValueTextMode.None ? 2 : this.panelPadding}px`,
-      borderRadius: theme.shape.radius.default,
       position: 'relative',
       display: 'flex',
     };