diff --git a/src/components/demos/pin-input-demo.svelte b/src/components/demos/pin-input-demo.svelte
index b8e53007b..688a8190a 100644
--- a/src/components/demos/pin-input-demo.svelte
+++ b/src/components/demos/pin-input-demo.svelte
@@ -1,34 +1,38 @@
-
-
-
-
-
+
+
+
+
+
{#if unlocked}
-
+
{:else}
-
+
{/if}
diff --git a/src/components/icons/index.ts b/src/components/icons/index.ts
index 8f10afa2a..99939e1f2 100644
--- a/src/components/icons/index.ts
+++ b/src/components/icons/index.ts
@@ -52,6 +52,8 @@ export { default as UserCircle } from "phosphor-svelte/lib/UserCircle";
export { default as PlusCircle } from "phosphor-svelte/lib/PlusCircle";
export { default as OrangeSlice } from "phosphor-svelte/lib/OrangeSlice";
export { default as Airplane } from "phosphor-svelte/lib/Airplane";
+export { default as Eye } from "phosphor-svelte/lib/Eye";
+export { default as EyeSlash } from "phosphor-svelte/lib/EyeSlash";
export type IconProps = Partial> & {
class?: string;