From 92d75603622a31d5bceeed618ebe745806c105a0 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 21 Jul 2023 17:30:37 -0700
Subject: [PATCH] Fix custom header text positioning to match originals

---
 .../headers/generic-table-header.tsx          | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/renderer/components/virtual-table/headers/generic-table-header.tsx b/src/renderer/components/virtual-table/headers/generic-table-header.tsx
index c85fa2b7..29d871c9 100644
--- a/src/renderer/components/virtual-table/headers/generic-table-header.tsx
+++ b/src/renderer/components/virtual-table/headers/generic-table-header.tsx
@@ -14,7 +14,7 @@ type Options = {
     preset?: Presets;
 };
 
-const HeaderWrapper = styled.div<{ position: Options['position'] }>`
+export const HeaderWrapper = styled.div<{ position: Options['position'] }>`
     display: flex;
     justify-content: ${(props) =>
         props.position === 'right'
@@ -27,10 +27,12 @@ const HeaderWrapper = styled.div<{ position: Options['position'] }>`
     text-transform: uppercase;
 `;
 
-const TextHeaderWrapper = styled(_Text)<{ position: Options['position'] }>`
+const HeaderText = styled(_Text)<{ position: Options['position'] }>`
     width: 100%;
+    height: 100%;
     color: var(--ag-header-foreground-color);
     font-weight: 500;
+    line-height: inherit;
     text-align: ${(props) =>
         props.position === 'right'
             ? 'flex-end'
@@ -82,13 +84,15 @@ export const GenericTableHeader = (
     }
 
     return (
-        <TextHeaderWrapper
-            overflow="hidden"
-            position={position}
-            weight={500}
-        >
-            {children || displayName}
-        </TextHeaderWrapper>
+        <HeaderWrapper position={position}>
+            <HeaderText
+                overflow="hidden"
+                position={position}
+                weight={500}
+            >
+                {children || displayName}
+            </HeaderText>
+        </HeaderWrapper>
     );
 };