diff --git a/src/lib/elements/forms/label.svelte b/src/lib/elements/forms/label.svelte
index a4d628d7a..46963a020 100644
--- a/src/lib/elements/forms/label.svelte
+++ b/src/lib/elements/forms/label.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { tooltip as tooltipAction } from '$lib/actions/tooltip';
+    import { Tooltip } from '@appwrite.io/pink-svelte';
 
     interface $$Props extends Partial<HTMLLabelElement> {
         required?: boolean;
@@ -31,12 +32,9 @@
 {/if}
 
 {#if tooltip}
-    <button
-        type="button"
-        on:click|preventDefault
-        class="tooltip"
-        aria-label="input tooltip"
-        use:tooltipAction={{ content: tooltip, appendTo: 'parent' }}>
+    <Tooltip>
         <span class="icon-info" aria-hidden="true" style="font-size: var(--icon-size-small)" />
-    </button>
+
+        <p slot="tooltip">{tooltip}</p>
+    </Tooltip>
 {/if}