diff --git a/package.json b/package.json
index 14e8cb992..935b42b32 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
         "@appwrite.io/pink": "0.25.0",
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "1.0.0-next.5",
-        "@appwrite.io/pink-svelte": "1.0.0-next.52",
+        "@appwrite.io/pink-svelte": "1.0.0-next.54",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.33.1",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f33256cb0..8cd4d2a22 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,8 +21,8 @@ importers:
         specifier: 1.0.0-next.5
         version: 1.0.0-next.5(svelte@4.2.19)
       '@appwrite.io/pink-svelte':
-        specifier: 1.0.0-next.52
-        version: 1.0.0-next.52(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
+        specifier: 1.0.0-next.54
+        version: 1.0.0-next.54(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -210,8 +210,8 @@ packages:
   '@appwrite.io/pink-icons@0.25.0':
     resolution: {integrity: sha512-0O3i2oEuh5mWvjO80i+X6rbzrWLJ1m5wmv2/M3a1p2PyBJsFxN8xQMTEmTn3Wl/D26SsM7SpzbdW6gmfgoVU9Q==}
 
-  '@appwrite.io/pink-svelte@1.0.0-next.52':
-    resolution: {integrity: sha512-hors6aSZXWRiwuBaPfHzuZKDyueOXs9pgcQv8NxBkMjiM7d8cyBG4pK5gBs7gXkmrXHhkObV9KWwiN+yE+Bqdg==}
+  '@appwrite.io/pink-svelte@1.0.0-next.54':
+    resolution: {integrity: sha512-VrUbCsuGdVRsgBpOf459t1sDmJrhrv+34h3/Sd+iuPdc/GZM06u18btlQF7QckQJ/ru1DxIJE+CuvD/RUg9iug==}
     peerDependencies:
       react-dom: ^18.0.0
       svelte: ^4.0.0
@@ -3756,7 +3756,7 @@ snapshots:
 
   '@appwrite.io/pink-icons@0.25.0': {}
 
-  '@appwrite.io/pink-svelte@1.0.0-next.52(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
+  '@appwrite.io/pink-svelte@1.0.0-next.54(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 1.0.0-next.5(svelte@4.2.19)
       '@floating-ui/dom': 1.6.11
diff --git a/src/lib/elements/forms/inputSwitch.svelte b/src/lib/elements/forms/inputSwitch.svelte
index 54c0f73db..7bf3bdf4e 100644
--- a/src/lib/elements/forms/inputSwitch.svelte
+++ b/src/lib/elements/forms/inputSwitch.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-    import { FormItem, Helper } from '.';
     import { Selector } from '@appwrite.io/pink-svelte';
 
     export let label: string;
@@ -21,17 +20,10 @@
     }
 </script>
 
-<FormItem>
-    <label class="choice-item" for={id}>
-        <div class="input-text-wrapper">
-            <Selector.Switch {disabled} bind:checked={value} on:invalid={handleInvalid} />
-        </div>
-        <div class="choice-item-content">
-            <div class="choice-item-title">{label}</div>
-            <slot name="description" />
-        </div>
-    </label>
-    {#if error}
-        <Helper type="warning">{error}</Helper>
-    {/if}
-</FormItem>
+<Selector.Switch
+    {label}
+    {disabled}
+    bind:checked={value}
+    helper={error}
+    state={error ? 'error' : 'default'}
+    on:invalid={handleInvalid} />