From 37c118b7ddcafb0ea5f80bf0b33fde69c487f9bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Fri, 2 Dec 2022 10:54:06 +0100
Subject: [PATCH] Table: Fixes row border style not showing and colored rows
 blending together (#59660)

* Table: Fixex row border style not showing and colored rows blending together

* Updated
---
 packages/grafana-ui/src/components/Table/styles.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/Table/styles.ts b/packages/grafana-ui/src/components/Table/styles.ts
index 0f769c4c933..ebc27d5b979 100644
--- a/packages/grafana-ui/src/components/Table/styles.ts
+++ b/packages/grafana-ui/src/components/Table/styles.ts
@@ -37,7 +37,8 @@ export const getTableStyles = (theme: GrafanaTheme2) => {
       label: ${overflowOnHover ? 'cellContainerOverflow' : 'cellContainerNoOverflow'};
       padding: ${cellPadding}px;
       width: 100%;
-      height: ${rowHeight}px;
+      // Cell height need to account for row border
+      height: ${rowHeight - 1}px;
       display: flex;
       align-items: center;
       border-right: 1px solid ${borderColor};