iconify noobserver

19 files changed, 62 insertions, 62 deletions

diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index 3887d026..6d8ddf94 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -125,7 +125,7 @@
       class="flex text-3xl font-bold text-center mx-auto justify-center gap-2"
     >
       <div class="my-auto break-words">{display || username}</div>
-      <iconify-icon icon="ph:qr-code-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:qr-code-bold" width="32"></iconify-icon>
     </button>
 
     {#if subject.address || subject.about}
@@ -177,11 +177,11 @@
               </div>
               <div class="flex mb-auto gap-1">
                 <button class="my-auto" onclick={() => copy(lnaddr)}
-                  ><iconify-icon icon="ph:copy-bold" width="32"
+                  ><iconify-icon noobserver icon="ph:copy-bold" width="32"
                   ></iconify-icon></button
                 >
                 <a href={`/qr/${encodeURIComponent(lnaddr)}`} class="my-auto">
-                  <iconify-icon icon="ph:qr-code-bold" width="32"
+                  <iconify-icon noobserver icon="ph:qr-code-bold" width="32"
                   ></iconify-icon>
                 </a>
               </div>
@@ -196,7 +196,7 @@
             </div>
             <div class="flex mb-auto gap-1">
               <button class="my-auto" onclick={() => copy(profile)}
-                ><iconify-icon icon="ph:copy-bold" width="32"
+                ><iconify-icon noobserver icon="ph:copy-bold" width="32"
                 ></iconify-icon></button
               >
               <a
@@ -205,7 +205,7 @@
                 )}`}
                 class="my-auto"
               >
-                <iconify-icon icon="ph:qr-code-bold" width="32"></iconify-icon>
+                <iconify-icon noobserver icon="ph:qr-code-bold" width="32"></iconify-icon>
               </a>
             </div>
           </div>
@@ -218,11 +218,11 @@
             </div>
             <div class="flex my-auto gap-1">
               <button class="my-auto" onclick={() => copy(npub)}
-                ><iconify-icon icon="ph:copy-bold" width="32"
+                ><iconify-icon noobserver icon="ph:copy-bold" width="32"
                 ></iconify-icon></button
               >
               <a href={`/qr/${encodeURIComponent(npub)}`} class="my-auto">
-                <iconify-icon icon="ph:qr-code-bold" width="32"></iconify-icon>
+                <iconify-icon noobserver icon="ph:qr-code-bold" width="32"></iconify-icon>
               </a>
             </div>
           </div>
@@ -234,12 +234,12 @@
       {#if user && user.username !== subject.username && subject.pubkey}
         {#if following}
           <button class="btn" onclick={unfollow}>
-            <iconify-icon icon="ph:user-bold" width="32"></iconify-icon>
+            <iconify-icon noobserver icon="ph:user-bold" width="32"></iconify-icon>
             <div class="my-auto">{$t("user.unfollow")}</div>
           </button>
         {:else}
           <button class="btn" onclick={follow}>
-            <iconify-icon icon="ph:user-bold" width="32"></iconify-icon>
+            <iconify-icon noobserver icon="ph:user-bold" width="32"></iconify-icon>
             <div class="my-auto">{$t("user.follow")}</div>
           </button>
         {/if}
@@ -266,7 +266,7 @@
             class="rounded-2xl border py-5 px-6 font-bold hover:opacity-80 flex w-60"
           >
             <div class="mx-auto flex">
-              <iconify-icon icon="ph:clock" width="32"></iconify-icon>
+              <iconify-icon noobserver icon="ph:clock" width="32"></iconify-icon>
             </div>
           </button>
         </form>
@@ -296,7 +296,7 @@
     </div>
     <div class="text-secondary flex ml-auto">
       <div class="flex items-center">
-        <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+        <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
         ></iconify-icon>
         {s((1 * sats) / rate)} =
         {f(1, currency, locale, 0, 0)}
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index e84161e1..a498f0f7 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -37,14 +37,14 @@
 
     <a href={`/account/savings`} class="contents">
       <button class="btn btn-lg w-full rounded-2xl whitespace-nowrap">
-        <iconify-icon icon="ph:plus-circle-bold" width="32"></iconify-icon>
+        <iconify-icon noobserver icon="ph:plus-circle-bold" width="32"></iconify-icon>
         {$t("accounts.addAccount")}
       </button>
     </a>
 
     {#if $installPrompt}
       <button class="btn btn-accent lg:hidden" onclick={install}>
-        <iconify-icon icon="ph:floppy-disk-bold" width="32"></iconify-icon>
+        <iconify-icon noobserver icon="ph:floppy-disk-bold" width="32"></iconify-icon>
         {$t("user.install")}
       </button>
     {/if}
@@ -62,7 +62,7 @@
       <button
         class="btn btn-accent !text-2xl items-center !w-full sm:!max-w-[400px] mx-auto"
       >
-        <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+        <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
         ></iconify-icon>
         <div>
           {$t("user.pay")}
diff --git a/src/routes/(app)/account/[id]/+page.svelte b/src/routes/(app)/account/[id]/+page.svelte
index 61559943..ccdaf98c 100644
--- a/src/routes/(app)/account/[id]/+page.svelte
+++ b/src/routes/(app)/account/[id]/+page.svelte
@@ -57,12 +57,12 @@
           <Mnemonic {mnemonic} />
 
           <button onclick={() => copy(mnemonic)} type="button" class="btn">
-            <iconify-icon icon="ph:copy-bold" width="32"></iconify-icon>
+            <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon>
             <div class="my-auto">{$t("accounts.copy")}</div></button
           >
         {:else if seed}
           <button onclick={toggle} type="button" class="btn">
-            <iconify-icon icon="ph:eye-bold" width="32"></iconify-icon>
+            <iconify-icon noobserver icon="ph:eye-bold" width="32"></iconify-icon>
             <div class="my-auto">{$t("accounts.revealMnemonic")}</div></button
           >
         {:else if nwc}
@@ -70,25 +70,25 @@
             {nwc}
           </div>
           <button onclick={() => copy(nwc)} type="button" class="btn">
-            <iconify-icon icon="ph:copy-bold" width="32"></iconify-icon>
+            <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon>
             <div class="my-auto">{$t("accounts.copy")}</div></button
           >
           <a href={`/qr/${encodeURIComponent(nwc)}`} class="my-auto block">
             <button onclick={() => copy(nwc)} type="button" class="btn">
-              <iconify-icon icon="ph:qr-code-bold" width="32"></iconify-icon>
+              <iconify-icon noobserver icon="ph:qr-code-bold" width="32"></iconify-icon>
               <div class="my-auto">{$t("user.receive.showQR")}</div></button
             >
           </a>
         {:else}
           <button onclick={revealNwc} type="button" class="btn">
-            <iconify-icon icon="ph:eye-bold" width="32"></iconify-icon>
+            <iconify-icon noobserver icon="ph:eye-bold" width="32"></iconify-icon>
             <div class="my-auto">{$t("accounts.revealNwc")}</div></button
           >
         {/if}
 
         {#if seed}
           <button onclick={del} type="button" class="btn">
-            <iconify-icon icon="ph:trash-bold" width="32"></iconify-icon>
+            <iconify-icon noobserver icon="ph:trash-bold" width="32"></iconify-icon>
             <div class="my-auto">{$t("accounts.deleteAccount")}</div></button
           >
         {/if}
diff --git a/src/routes/(app)/account/pass/+page.svelte b/src/routes/(app)/account/pass/+page.svelte
index 3a372a33..b75ac50f 100644
--- a/src/routes/(app)/account/pass/+page.svelte
+++ b/src/routes/(app)/account/pass/+page.svelte
@@ -107,7 +107,7 @@
         />
       {/if}
 
-      <iconify-icon
+      <iconify-icon noobserver
         class="cursor-pointer ml-auto"
         onclick={() => (revealPassword = !revealPassword)}
         icon={revealPassword ? "ph:eye-bold" : "ph:eye-slash-bold"}
@@ -139,7 +139,7 @@
           class="clean"
         />
       {/if}
-      <iconify-icon
+      <iconify-icon noobserver
         class="cursor-pointer ml-auto"
         onclick={() => (revealConfirm = !revealConfirm)}
         icon={revealConfirm ? "ph:eye-bold" : "ph:eye-slash-bold"}
diff --git a/src/routes/(app)/account/savings/+page.svelte b/src/routes/(app)/account/savings/+page.svelte
index 2e860076..22d550b4 100644
--- a/src/routes/(app)/account/savings/+page.svelte
+++ b/src/routes/(app)/account/savings/+page.svelte
@@ -13,7 +13,7 @@
       <a href="/account/seed" class="block">
         <div class="card card-side shadow shadow-base-300 p-8 hover:bg-base-200">
           <figure class="w-20">
-            <iconify-icon icon="ph:file-plus-bold" width="64"></iconify-icon>
+            <iconify-icon noobserver icon="ph:file-plus-bold" width="64"></iconify-icon>
           </figure>
           <div>
             <div class="text-xl">{$t("accounts.create")}</div>
@@ -24,7 +24,7 @@
       <a href="/account/import" class="block">
         <div class="card card-side shadow shadow-base-300 p-8 hover:bg-base-200">
           <figure class="w-20">
-            <iconify-icon icon="ph:folder-open-bold" width="64"></iconify-icon>
+            <iconify-icon noobserver icon="ph:folder-open-bold" width="64"></iconify-icon>
           </figure>
           <div>
             <div class="text-xl">{$t("accounts.import")}</div>
diff --git a/src/routes/(app)/account/seed/+page.svelte b/src/routes/(app)/account/seed/+page.svelte
index a3e65ec2..91dfd213 100644
--- a/src/routes/(app)/account/seed/+page.svelte
+++ b/src/routes/(app)/account/seed/+page.svelte
@@ -32,12 +32,12 @@
     {/if}
 
     <button type="button" class="btn" onclick={generate}>
-      <iconify-icon icon="ph:dice-three-bold" width="32" />
+      <iconify-icon noobserver icon="ph:dice-three-bold" width="32" />
       <div class="my-auto">{$t("accounts.regenerate")}</div>
     </button>
 
     <button type="button" class="btn" onclick={() => copy($mnemonic)}>
-      <iconify-icon icon="ph:copy-bold" width="32" />
+      <iconify-icon noobserver icon="ph:copy-bold" width="32" />
       <div class="my-auto">
         {$t("payments.copy")}
       </div>
diff --git a/src/routes/(app)/ecash/[id]/[...version]/+page.svelte b/src/routes/(app)/ecash/[id]/[...version]/+page.svelte
index 7cc93455..b98e6bfa 100644
--- a/src/routes/(app)/ecash/[id]/[...version]/+page.svelte
+++ b/src/routes/(app)/ecash/[id]/[...version]/+page.svelte
@@ -20,7 +20,7 @@
 
 <div class="flex flex-wrap gap-2 text-xl">
   <button type="button" class="btn" onclick={() => copy(link)}>
-    <iconify-icon icon="ph:link-bold" width="32"></iconify-icon>
+    <iconify-icon noobserver icon="ph:link-bold" width="32"></iconify-icon>
     <div class="my-auto">{$t("payments.shareLink")}</div>
   </button>
 
@@ -28,7 +28,7 @@
     {#if external}
       <a href={`/ecash/${id}/swap`} class="contents">
         <button type="submit" class="btn">
-          <iconify-icon
+          <iconify-icon noobserver
             icon="ph:hand-coins-bold"
             width="32"
             flip="horizontal"
@@ -40,7 +40,7 @@
       <form method="POST" use:enhance class="w-full">
         <input type="hidden" name="token" bind:value={token} />
         <button type="submit" class="btn">
-          <iconify-icon
+          <iconify-icon noobserver
             icon="ph:hand-coins-bold"
             width="32"
             flip="horizontal"
diff --git a/src/routes/(app)/fund/[id]/+page.svelte b/src/routes/(app)/fund/[id]/+page.svelte
index f99b17d7..36a63a9b 100644
--- a/src/routes/(app)/fund/[id]/+page.svelte
+++ b/src/routes/(app)/fund/[id]/+page.svelte
@@ -51,7 +51,7 @@
         <div class="grow">
           <a href={`/send/fund/${id}`}>
             <button class="btn">
-              <iconify-icon icon="ph:plus-bold" width="32"></iconify-icon>
+              <iconify-icon noobserver icon="ph:plus-bold" width="32"></iconify-icon>
               {$t("payments.addFunds")}
             </button>
           </a>
@@ -59,7 +59,7 @@
         <div class="grow">
           <a href={`/fund/${id}/withdraw`}>
             <button class="btn">
-              <iconify-icon
+              <iconify-icon noobserver
                 icon="ph:hand-coins-bold"
                 width="32"
                 flip="horizontal"
@@ -71,11 +71,11 @@
       </div>
       <div class="flex gap-2" data-sveltekit-prefetch="off">
         <a href={`/qr/${href}`} class="btn !w-auto grow">
-          <iconify-icon icon="ph:link-bold" width="32"></iconify-icon>
+          <iconify-icon noobserver icon="ph:link-bold" width="32"></iconify-icon>
           <div class="my-auto">{$t("payments.shareLink")}</div>
         </a>
         <a href={`/qr/${lnurlw}`} class="btn !w-auto grow">
-          <iconify-icon
+          <iconify-icon noobserver
             icon="ph:lightning-fill"
             width="24"
             class="text-yellow-300"
diff --git a/src/routes/(app)/invoice/[id]/paid/+page.svelte b/src/routes/(app)/invoice/[id]/paid/+page.svelte
index 7e588024..a13692d7 100644
--- a/src/routes/(app)/invoice/[id]/paid/+page.svelte
+++ b/src/routes/(app)/invoice/[id]/paid/+page.svelte
@@ -13,7 +13,7 @@
 
 <div class="container px-4 text-center mx-auto">
   {#if pending}
-    <iconify-icon icon="ph:clock-bold" class="text-warning" width="160"
+    <iconify-icon noobserver icon="ph:clock-bold" class="text-warning" width="160"
     ></iconify-icon>
 
     <h1 class="text-3xl md:text-4xl font-bold mb-6">Payment detected</h1>
diff --git a/src/routes/(app)/invoice/[id]/tip/+page.svelte b/src/routes/(app)/invoice/[id]/tip/+page.svelte
index 5cab71d8..d609d86a 100644
--- a/src/routes/(app)/invoice/[id]/tip/+page.svelte
+++ b/src/routes/(app)/invoice/[id]/tip/+page.svelte
@@ -127,7 +127,7 @@
 
         <div class="ml-auto text-lg flex gap-2">
           <div class="flex items-center">
-            <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+            <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
             ></iconify-icon>
             <div>{s(amount, locale)}</div>
           </div>
diff --git a/src/routes/(app)/payment/[id]/+page.svelte b/src/routes/(app)/payment/[id]/+page.svelte
index 1c71a42d..3fae32dc 100644
--- a/src/routes/(app)/payment/[id]/+page.svelte
+++ b/src/routes/(app)/payment/[id]/+page.svelte
@@ -80,7 +80,7 @@
     <span class="text-lg text-secondary">{$t(title)}</span>
     <div class="flex gap-2 items-end">
       <div class="flex items-center">
-        <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+        <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
         ></iconify-icon>{s(amount, userLocale)}
       </div>
       <span class="text-secondary text-lg">
@@ -112,7 +112,7 @@
       <a href={`/fund/${p.memo}`}>
         <div class="flex">
           <div class="my-auto">
-            <iconify-icon
+            <iconify-icon noobserver
               icon="ph:lightning-fill"
               width="24"
               class="text-yellow-300"
diff --git a/src/routes/(app)/payments/[...page]/+page.svelte b/src/routes/(app)/payments/[...page]/+page.svelte
index 09bdf4c7..ccdfa34c 100644
--- a/src/routes/(app)/payments/[...page]/+page.svelte
+++ b/src/routes/(app)/payments/[...page]/+page.svelte
@@ -249,7 +249,7 @@
 
   <div class="flex justify-center">
     <button class="btn !w-auto" onclick={csv}>
-      <iconify-icon icon="ph:floppy-disk-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:floppy-disk-bold" width="32"></iconify-icon>
       <div class="my-auto">{$t("payments.export")}</div>
     </button>
   </div>
diff --git a/src/routes/(app)/qr/[text]/+page.svelte b/src/routes/(app)/qr/[text]/+page.svelte
index ff5e8fa8..019c9216 100644
--- a/src/routes/(app)/qr/[text]/+page.svelte
+++ b/src/routes/(app)/qr/[text]/+page.svelte
@@ -14,7 +14,7 @@
     class="btn break-all !h-auto flex-nowrap p-4 font-normal leading-normal"
     onclick={() => copy(text)}
   >
-    <iconify-icon icon="ph:copy-bold" width="32"></iconify-icon>
+    <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon>
     <div class="my-auto">{text}</div>
   </button>
 </div>
diff --git a/src/routes/(app)/receive/[...token]/+page.svelte b/src/routes/(app)/receive/[...token]/+page.svelte
index 3c081fdc..271be926 100644
--- a/src/routes/(app)/receive/[...token]/+page.svelte
+++ b/src/routes/(app)/receive/[...token]/+page.svelte
@@ -63,13 +63,13 @@
     <div class="flex gap-2">
       <a href="/scan" class="contents">
         <button type="button" class="btn !w-auto flex-grow">
-          <iconify-icon icon="ph:camera-bold" width="32"></iconify-icon>
+          <iconify-icon noobserver icon="ph:camera-bold" width="32"></iconify-icon>
           <div class="my-auto">{$t("user.send.scan")}</div>
         </button>
       </a>
 
       <button type="button" class="btn !w-auto flex-grow" onclick={paste}>
-        <iconify-icon icon="ph:clipboard-text-bold" width="32"></iconify-icon>
+        <iconify-icon noobserver icon="ph:clipboard-text-bold" width="32"></iconify-icon>
         <div class="my-auto">{$t("user.send.paste")}</div>
       </button>
     </div>
diff --git a/src/routes/(app)/send/[...text]/+page.svelte b/src/routes/(app)/send/[...text]/+page.svelte
index 261a1784..23f39ddf 100644
--- a/src/routes/(app)/send/[...text]/+page.svelte
+++ b/src/routes/(app)/send/[...text]/+page.svelte
@@ -72,19 +72,19 @@
     <div class="flex gap-2">
       <a href="/scan" class="contents">
         <button type="button" class="btn !w-auto flex-grow">
-          <iconify-icon icon="ph:camera-bold" width="32"></iconify-icon>
+          <iconify-icon noobserver icon="ph:camera-bold" width="32"></iconify-icon>
           {$t("user.send.scan")}
         </button>
       </a>
 
       <button type="button" class="btn !w-auto flex-grow" onclick={paste}>
-        <iconify-icon icon="ph:clipboard-text-bold" width="32"></iconify-icon>
+        <iconify-icon noobserver icon="ph:clipboard-text-bold" width="32"></iconify-icon>
         {$t("user.send.paste")}
       </button>
     </div>
 
     <button bind:this={el} type="submit" class="btn btn-accent">
-      <iconify-icon icon="ph:paper-plane-right-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:paper-plane-right-bold" width="32"></iconify-icon>
       <div class="my-auto">{$t("user.send.next")}</div>
     </button>
 
@@ -97,7 +97,7 @@
 
     <a href="/send/fund" class="block">
       <button type="button" class="btn">
-        <iconify-icon icon="ph:lightning-fill" class="text-yellow-300 text-2xl"
+        <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300 text-2xl"
         ></iconify-icon>
         <div class="my-auto">{$t("payments.createFund")}</div>
       </button>
diff --git a/src/routes/(app)/settings/account/+page.svelte b/src/routes/(app)/settings/account/+page.svelte
index de88b5c6..7b222fe8 100644
--- a/src/routes/(app)/settings/account/+page.svelte
+++ b/src/routes/(app)/settings/account/+page.svelte
@@ -86,10 +86,10 @@
   >
     <input type="text" name="email" class="clean" bind:value={email} />
     {#if verified}
-      <iconify-icon icon="ph:check-bold" class="text-success ml-auto" width="32"
+      <iconify-icon noobserver icon="ph:check-bold" class="text-success ml-auto" width="32"
       ></iconify-icon>
     {:else if email}
-      <iconify-icon icon="ph:clock-bold" class="text-warning ml-auto" width="32"
+      <iconify-icon noobserver icon="ph:clock-bold" class="text-warning ml-auto" width="32"
       ></iconify-icon>
     {/if}
   </label>
diff --git a/src/routes/(app)/settings/nostr/+page.svelte b/src/routes/(app)/settings/nostr/+page.svelte
index eeb07888..a0acaf50 100644
--- a/src/routes/(app)/settings/nostr/+page.svelte
+++ b/src/routes/(app)/settings/nostr/+page.svelte
@@ -57,7 +57,7 @@
 
     {#if !nwc}
     <button onclick={revealNwc} type="button" class="btn grow">
-      <iconify-icon icon="ph:warning-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:warning-bold" width="32"></iconify-icon>
       <div class="my-auto">{$t("accounts.revealNwc")}</div></button
     >
     {/if}
@@ -70,11 +70,11 @@
   </div>
   <div class="flex flex-wrap gap-2">
     <button onclick={() => copy(nwc)} type="button" class="btn grow">
-      <iconify-icon icon="ph:copy-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon>
       <div class="my-auto">{$t("accounts.copy")}</div></button
     >
     <a href={`/qr/${encodeURIComponent(nwc)}`} class="btn grow">
-      <iconify-icon icon="ph:qr-code-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:qr-code-bold" width="32"></iconify-icon>
       <div class="my-auto">{$t("user.receive.showQR")}</div>
     </a>
   </div>
@@ -88,10 +88,10 @@
     </div>
     <div class="flex my-auto gap-1">
       <button type="button" class="my-auto" onclick={() => copy(npub)}
-        ><iconify-icon icon="ph:copy-bold" width="32"></iconify-icon></button
+        ><iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon></button
       >
       <a href={`/qr/${encodeURIComponent(npub)}`} class="my-auto">
-        <iconify-icon icon="ph:qr-code-bold" width="32"></iconify-icon>
+        <iconify-icon noobserver icon="ph:qr-code-bold" width="32"></iconify-icon>
       </a>
     </div>
   </div>
@@ -112,16 +112,16 @@
       class="btn !w-auto flex-grow"
       onclick={toggleImporting}
     >
-      <iconify-icon icon="ph:arrow-down-left-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:arrow-down-left-bold" width="32"></iconify-icon>
       {$t("user.settings.import")}
     </button>
 
     <button type="button" class="btn !w-auto flex-grow" onclick={toggleNsec}>
       {#if revealNsec}
-        <iconify-icon icon="ph:eye-slash-bold" width="32"></iconify-icon>
+        <iconify-icon noobserver icon="ph:eye-slash-bold" width="32"></iconify-icon>
         {$t("user.settings.hideNsec")}
       {:else}
-        <iconify-icon icon="ph:warning-bold" width="32"></iconify-icon>
+        <iconify-icon noobserver icon="ph:warning-bold" width="32"></iconify-icon>
         {$t("user.settings.revealNsec")}
       {/if}
     </button>
@@ -139,7 +139,7 @@
     >
       <div>{nsec}</div>
 
-      <iconify-icon icon="ph:copy-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:copy-bold" width="32"></iconify-icon>
     </button>
   {/if}
 </div>
diff --git a/src/routes/(app)/settings/preferences/+page.svelte b/src/routes/(app)/settings/preferences/+page.svelte
index d50a27e1..0f30c61b 100644
--- a/src/routes/(app)/settings/preferences/+page.svelte
+++ b/src/routes/(app)/settings/preferences/+page.svelte
@@ -200,7 +200,7 @@
     >
     <button type="button" class="flex w-full" onclick={editThreshold}>
       <div class="p-4 border rounded-2xl rounded-r-none border-r-0 bg-base-200">
-        <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+        <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
         ></iconify-icon>
       </div>
       <div
@@ -221,7 +221,7 @@
     >
     <button type="button" class="flex w-full" onclick={editReserve}>
       <div class="p-4 border rounded-2xl rounded-r-none border-r-0 bg-base-200">
-        <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+        <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
         ></iconify-icon>
       </div>
       <div
diff --git a/src/routes/(app)/settings/security/+page.svelte b/src/routes/(app)/settings/security/+page.svelte
index e520781f..3a427546 100644
--- a/src/routes/(app)/settings/security/+page.svelte
+++ b/src/routes/(app)/settings/security/+page.svelte
@@ -190,7 +190,7 @@
     />
   {:else}
     <button type="button" class="btn" onclick={togglePin}>
-      <iconify-icon
+      <iconify-icon noobserver
         icon={haspin ? "ph:lock-key-open-bold" : "ph:lock-key-bold"}
         width="32"
       ></iconify-icon>
@@ -218,17 +218,17 @@
     </div>
 
     <button type="button" class="btn" onclick={startConfirming2fa}>
-      <iconify-icon icon="ph:numpad-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:numpad-bold" width="32"></iconify-icon>
       <div class="my-auto">Confirm</div>
     </button>
   {:else if user.twofa}
     <button type="button" class="btn" onclick={startDisabling2fa}>
-      <iconify-icon icon="ph:device-mobile-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:device-mobile-bold" width="32"></iconify-icon>
       <div class="my-auto">{$t("user.settings.twofaDisable")}</div>
     </button>
   {:else}
     <button type="button" class="btn" onclick={startEnabling2fa}>
-      <iconify-icon icon="ph:device-mobile-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:device-mobile-bold" width="32"></iconify-icon>
       <div class="my-auto">{$t("user.settings.twofaSetup")}</div>
     </button>
   {/if}