Table: Fixes row border style not showing and colored rows blending t…

…ogether (#59660) * Table: Fixex row border style not showing and colored rows blending together * Updated (cherry picked from commit 37c118b)
grafana · Dec 2, 2022 · 5ecb902 · 5ecb902
1 parent 1e47c58
commit 5ecb902
Showing 1 changed file with 2 additions and 1 deletion.
diff --git 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};