From 54faaba0b0663b60c85cb51c8ba22f0db279c3b5 Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Wed, 8 Oct 2025 09:47:15 +0100
Subject: [PATCH] Chore: Minor border radius nit fixes (#112107)

minor border radius nit fixes
---
 public/app/core/components/OptionsUI/color.tsx              | 1 +
 .../alerting/unified/components/alert-groups/AlertGroup.tsx | 1 +
 public/app/features/dashboard/dashgrid/DashboardEmpty.tsx   | 6 +++---
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/public/app/core/components/OptionsUI/color.tsx b/public/app/core/components/OptionsUI/color.tsx
index 0ffc4e7b1aa..f4b561f4e20 100644
--- a/public/app/core/components/OptionsUI/color.tsx
+++ b/public/app/core/components/OptionsUI/color.tsx
@@ -81,6 +81,7 @@ const getStyles = (theme: GrafanaTheme2) => {
       cursor: 'pointer',
       color: theme.colors.text.primary,
       background: theme.components.input.background,
+      borderRadius: theme.shape.radius.default,
       padding: '3px',
       height: theme.v1.spacing.formInputHeight,
       border: `1px solid ${theme.components.input.borderColor}`,
diff --git a/public/app/features/alerting/unified/components/alert-groups/AlertGroup.tsx b/public/app/features/alerting/unified/components/alert-groups/AlertGroup.tsx
index ec6daa076a9..852775162ea 100644
--- a/public/app/features/alerting/unified/components/alert-groups/AlertGroup.tsx
+++ b/public/app/features/alerting/unified/components/alert-groups/AlertGroup.tsx
@@ -82,6 +82,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
     flexWrap: 'wrap',
     alignItems: 'center',
     justifyContent: 'space-between',
+    borderRadius: theme.shape.radius.default,
     padding: theme.spacing(1),
     backgroundColor: theme.colors.background.secondary,
     width: '100%',
diff --git a/public/app/features/dashboard/dashgrid/DashboardEmpty.tsx b/public/app/features/dashboard/dashgrid/DashboardEmpty.tsx
index f5f8a6856d1..8f16c675ede 100644
--- a/public/app/features/dashboard/dashgrid/DashboardEmpty.tsx
+++ b/public/app/features/dashboard/dashgrid/DashboardEmpty.tsx
@@ -63,7 +63,7 @@ const DashboardEmpty = ({ dashboard, canCreate }: Props) => {
     <Stack alignItems="center" justifyContent="center">
       <div className={styles.wrapper}>
         <Stack alignItems="stretch" justifyContent="center" gap={4} direction="column">
-          <Box borderColor="strong" borderStyle="dashed" padding={4}>
+          <Box borderRadius="lg" borderColor="strong" borderStyle="dashed" padding={4}>
             <Stack direction="column" alignItems="center" gap={2}>
               <Text element="h1" textAlignment="center" weight="medium">
                 <Trans i18nKey="dashboard.empty.add-visualization-header">
@@ -90,7 +90,7 @@ const DashboardEmpty = ({ dashboard, canCreate }: Props) => {
             </Stack>
           </Box>
           <Stack direction={{ xs: 'column', md: 'row' }} wrap="wrap" gap={4}>
-            <Box borderColor="strong" borderStyle="dashed" padding={3} flex={1}>
+            <Box borderRadius="lg" borderColor="strong" borderStyle="dashed" padding={3} flex={1}>
               <Stack direction="column" alignItems="center" gap={1}>
                 <Text element="h3" textAlignment="center" weight="medium">
                   <Trans i18nKey="dashboard.empty.add-library-panel-header">Import panel</Trans>
@@ -113,7 +113,7 @@ const DashboardEmpty = ({ dashboard, canCreate }: Props) => {
                 </Button>
               </Stack>
             </Box>
-            <Box borderColor="strong" borderStyle="dashed" padding={3} flex={1}>
+            <Box borderRadius="lg" borderColor="strong" borderStyle="dashed" padding={3} flex={1}>
               <Stack direction="column" alignItems="center" gap={1}>
                 <Text element="h3" textAlignment="center" weight="medium">
                   <Trans i18nKey="dashboard.empty.import-a-dashboard-header">Import a dashboard</Trans>