fix DataSourceSelect Query Panel

packages/builder/src/components/design/PropertiesPanel/PropertyControls/DataSourceSelect.svelte

@@ -5,8 +5,10 @@
     Popover,
     Divider,
     Select,
+    Layout,
     Heading,
     Drawer,
+    DrawerContent,
   } from "@budibase/bbui"
   import { createEventDispatcher } from "svelte"
   import { store, currentAsset } from "builderStore"
@@ -103,10 +105,9 @@
   {#if value?.type === "query"}
     <i class="ri-settings-5-line" on:click={drawer.show} />
     <Drawer title={"Query Parameters"} bind:this={drawer}>
-      <div slot="buttons">
       <Button
-          blue
-          thin
+        slot="buttons"
+        cta
         on:click={() => {
           notifications.success("Query parameters saved.")
           handleSelected(value)
@@ -115,8 +116,8 @@
       >
         Save
       </Button>
-      </div>
-      <div class="drawer-contents" slot="body">
+      <DrawerContent slot="body">
+        <Layout>
           {#if value.parameters.length > 0}
             <ParameterBuilder
               bind:customParams={value.queryParams}
@@ -134,7 +135,8 @@
             )}
             editable={false}
           />
-      </div>
+        </Layout>
+      </DrawerContent>
     </Drawer>
   {/if}
 </div>