Fixes for filter drawer padding

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>

packages/frontend-core/src/components/FilterBuilder.svelte

@@ -321,7 +321,6 @@
   .container {
     width: 100%;
     max-width: 1000px;
-    margin: 0 auto;
   }
   .fields {
     display: grid;