From e18e0a1938ce1ea323aae4bbd274d3fcc217609c Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 11 Oct 2022 16:17:00 +0200
Subject: [PATCH] fix: form class breaking wizard layout

---
 src/lib/elements/forms/form.svelte                             | 3 ++-
 src/lib/layout/wizard.svelte                                   | 2 +-
 .../functions/function/[function]/create.svelte                | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/lib/elements/forms/form.svelte b/src/lib/elements/forms/form.svelte
index ce34663f5..b8bd25400 100644
--- a/src/lib/elements/forms/form.svelte
+++ b/src/lib/elements/forms/form.svelte
@@ -1,8 +1,9 @@
 <script lang="ts">
     export let noMargin = false;
+    export let isWizard = false;
 </script>
 
 <!-- svelte-ignore a11y-no-redundant-roles -->
-<form role="form" class="form" class:common-section={!noMargin} on:submit|preventDefault>
+<form role="form" class:form={!isWizard} class:common-section={!noMargin} on:submit|preventDefault>
     <slot />
 </form>
diff --git a/src/lib/layout/wizard.svelte b/src/lib/layout/wizard.svelte
index 81ad56cfa..57beba8d5 100644
--- a/src/lib/layout/wizard.svelte
+++ b/src/lib/layout/wizard.svelte
@@ -68,7 +68,7 @@
         <slot name="media" />
     </div>
     <div class="wizard-main">
-        <Form on:submit={submit}>
+        <Form isWizard on:submit={submit}>
             {#each sortedSteps as [step, { component }]}
                 {#if currentStep === step}
                     <svelte:component this={component} />
diff --git a/src/routes/console/project-[project]/functions/function/[function]/create.svelte b/src/routes/console/project-[project]/functions/function/[function]/create.svelte
index bba4cfd12..d4c0e646a 100644
--- a/src/routes/console/project-[project]/functions/function/[function]/create.svelte
+++ b/src/routes/console/project-[project]/functions/function/[function]/create.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { InputChoice, Button, InputFile, InputText, Form } from '$lib/elements/forms';
+    import { InputChoice, Button, InputText, Form } from '$lib/elements/forms';
     import { Modal, Collapsible, CollapsibleItem, Tabs, Tab } from '$lib/components';
     import { sdkForProject } from '$lib/stores/sdk';
     import { createEventDispatcher } from 'svelte';