From 13e68ffb08306f1cffdc1ed22a70cbd71df87483 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 7 Jun 2022 12:28:53 +0200
Subject: [PATCH] fix: update pill component

---
 src/routes/console/[project]/users/_createUser.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/console/[project]/users/_createUser.svelte b/src/routes/console/[project]/users/_createUser.svelte
index 9a6bc27f3..655c8acac 100644
--- a/src/routes/console/[project]/users/_createUser.svelte
+++ b/src/routes/console/[project]/users/_createUser.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { Modal } from '$lib/components';
+    import { Pill } from '$lib/elements/';
     import { Button, InputPassword, InputEmail, InputText, Form } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
     import { sdkForProject } from '$lib/stores/sdk';
@@ -48,9 +49,8 @@
             placeholder="*****"
             required={true}
             bind:value={pass} />
-        <div class="tag common-section " on:click={() => (idModal = !idModal)}>
-            User ID<i class="icon-pencil" />
-        </div>
+
+        <Pill button on:click={() => (idModal = !idModal)}>User ID <i class="icon-pencil" /></Pill>
 
         {#if idModal}
             <div class="common-section">