From bdf15b21b1f62cea09a3c03d5e0b8c7fc9260d66 Mon Sep 17 00:00:00 2001
From: Dean <deanhannigan@gmail.com>
Date: Fri, 19 Apr 2024 11:49:20 +0100
Subject: [PATCH] Fixes for filter drawer padding

---
 .../buttons/TableFilterButton.svelte          | 19 ++++++++++---------
 .../src/components/FilterBuilder.svelte       |  1 -
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/builder/src/components/backend/DataTable/buttons/TableFilterButton.svelte b/packages/builder/src/components/backend/DataTable/buttons/TableFilterButton.svelte
index 0fc3fd505e..140cac1533 100644
--- a/packages/builder/src/components/backend/DataTable/buttons/TableFilterButton.svelte
+++ b/packages/builder/src/components/backend/DataTable/buttons/TableFilterButton.svelte
@@ -1,6 +1,6 @@
 <script>
   import { createEventDispatcher } from "svelte"
-  import { ActionButton, Drawer, Button } from "@budibase/bbui"
+  import { ActionButton, Drawer, DrawerContent, Button } from "@budibase/bbui"
   import FilterBuilder from "components/design/settings/controls/FilterEditor/FilterBuilder.svelte"
   import { getUserBindings } from "dataBinding"
   import { makePropSafe } from "@budibase/string-templates"
@@ -64,12 +64,13 @@
   >
     Save
   </Button>
-  <FilterBuilder
-    slot="body"
-    {filters}
-    {schemaFields}
-    datasource={{ type: "table", tableId }}
-    on:change={e => (tempValue = e.detail)}
-    {bindings}
-  />
+  <DrawerContent slot="body">
+    <FilterBuilder
+      {filters}
+      {schemaFields}
+      datasource={{ type: "table", tableId }}
+      on:change={e => (tempValue = e.detail)}
+      {bindings}
+    />
+  </DrawerContent>
 </Drawer>
diff --git a/packages/frontend-core/src/components/FilterBuilder.svelte b/packages/frontend-core/src/components/FilterBuilder.svelte
index 104821aa0f..48d66bac64 100644
--- a/packages/frontend-core/src/components/FilterBuilder.svelte
+++ b/packages/frontend-core/src/components/FilterBuilder.svelte
@@ -321,7 +321,6 @@
   .container {
     width: 100%;
     max-width: 1000px;
-    margin: 0 auto;
   }
   .fields {
     display: grid;