From 4e2bfb72f614e49fd3ca24358828d8e32579ddaa Mon Sep 17 00:00:00 2001
From: mike12345567 <me@michaeldrury.co.uk>
Date: Thu, 9 Dec 2021 13:23:06 +0000
Subject: [PATCH] Fixing issue with table expanding too far with large response
 datasets.

---
 .../rest/[query]/index.svelte                 | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/packages/builder/src/pages/builder/app/[application]/data/datasource/[selectedDatasource]/rest/[query]/index.svelte b/packages/builder/src/pages/builder/app/[application]/data/datasource/[selectedDatasource]/rest/[query]/index.svelte
index e5bb02c796..38ca12d21c 100644
--- a/packages/builder/src/pages/builder/app/[application]/data/datasource/[selectedDatasource]/rest/[query]/index.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/data/datasource/[selectedDatasource]/rest/[query]/index.svelte
@@ -273,15 +273,17 @@
               <KeyValueBuilder object={response.extra?.headers} readOnly />
             </Tab>
             <Tab title="Preview">
-              {#if response}
-                <Table
-                  schema={response?.schema}
-                  data={response?.rows}
-                  allowEditColumns={false}
-                  allowEditRows={false}
-                  allowSelectRows={false}
-                />
-              {/if}
+              <div class="table">
+                {#if response}
+                  <Table
+                    schema={response?.schema}
+                    data={response?.rows}
+                    allowEditColumns={false}
+                    allowEditRows={false}
+                    allowSelectRows={false}
+                  />
+                {/if}
+              </div>
             </Tab>
             <div class="stats">
               <Label size="L">
@@ -316,6 +318,9 @@
     margin: 0 auto;
     height: 100%;
   }
+  .table {
+    width: 960px;
+  }
   .url-block {
     display: flex;
     gap: var(--spacing-s);