From 03eac4353de5c49ce56da6e9a242b2dea0e6f2db Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Sat, 24 Dec 2022 21:54:18 +0530
Subject: [PATCH] refactor(dev-only): align text-only cells correctly in table

---
 packages/web/src/javascripts/Components/Table/Table.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/javascripts/Components/Table/Table.tsx b/packages/web/src/javascripts/Components/Table/Table.tsx
index 45758c8ee..6ad1306bd 100644
--- a/packages/web/src/javascripts/Components/Table/Table.tsx
+++ b/packages/web/src/javascripts/Components/Table/Table.tsx
@@ -45,7 +45,7 @@ function TableRow<Data>({
             aria-colindex={cell.colIndex + 1}
             key={index}
             className={classNames(
-              'relative overflow-hidden border-b border-border py-3 px-3',
+              'relative flex items-center overflow-hidden border-b border-border py-3 px-3',
               row.isSelected && 'bg-info-backdrop',
               canSelectRows && 'cursor-pointer',
               canSelectRows && isHovered && 'bg-contrast',
@@ -132,7 +132,7 @@ function Table<Data>({ table }: { table: Table<Data> }) {
               )
             })}
         </div>
-        <div className="contents divide-y divide-border whitespace-nowrap">
+        <div className="contents whitespace-nowrap">
           {rows.map((row, index) => (
             <TableRow
               row={row}