From c10babbb88974e693625f03a3389da5e18257528 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Victor=20Jes=C3=BAs=20Rosario=20V=C3=A1squez?=
 <46900196+Victor1890@users.noreply.github.com>
Date: Sun, 25 Aug 2024 15:08:39 -0400
Subject: [PATCH] fix: :bug: fix data-grid responsive and add overflow-auto
 class to card data-grid

---
 ui/src/routes/query.lazy.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/routes/query.lazy.tsx b/ui/src/routes/query.lazy.tsx
index d56d002..7887eb3 100644
--- a/ui/src/routes/query.lazy.tsx
+++ b/ui/src/routes/query.lazy.tsx
@@ -200,7 +200,7 @@ function Query({ sql, onChange, onSave, onDelete, onUpdate }: QueryProps) {
       </CardHeader>
     </Card>
   ) : (
-    <Card className="p-2">
+    <Card className="p-2 overflow-auto">
       <DataGrid
         defaultColumnOptions={{ resizable: true }}
         columns={data.columns.map((col) => ({ key: col, name: col }))}