From c99ab3102ddbc035c8375d7b0dfd85cd6d4151c5 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@umami.is>
Date: Thu, 14 May 2026 23:00:49 -0700
Subject: [PATCH] Fix DataGrid JSX nesting

---
 src/components/common/DataGrid.tsx | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/components/common/DataGrid.tsx b/src/components/common/DataGrid.tsx
index 95de94981..a31985265 100644
--- a/src/components/common/DataGrid.tsx
+++ b/src/components/common/DataGrid.tsx
@@ -127,22 +127,21 @@ export function DataGrid({
         renderEmpty={renderEmpty}
       >
         {data && (
-            <div
-              style={{
-                display: 'grid',
-                gridTemplateColumns: 'minmax(0, 1fr)',
-                overflowX: 'auto',
-              }}
-            >
+          <div
+            style={{
+              display: 'grid',
+              gridTemplateColumns: 'minmax(0, 1fr)',
+              overflowX: 'auto',
+            }}
+          >
             <Column>
               {isValidElement(child)
                 ? cloneElement(child as ReactElement<any>, { displayMode })
                 : child}
             </Column>
-            </div>
-          )}
-        </LoadingPanel>
-      </Column>
+          </div>
+        )}
+      </LoadingPanel>
       {showPager && (
         <Row marginTop="4">
           <Pager