iconify noobserver

41 files changed, 113 insertions, 113 deletions

diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index b87a5022..5b2c7724 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -31,13 +31,13 @@
       aria-label="Payments"
     >
       <button class="ml-auto flex gap-1 mb-auto pb-4 pl-4">
-        <iconify-icon icon="ph:clock-bold" width="32" aria-label="Payments"
+        <iconify-icon noobserver icon="ph:clock-bold" width="32" aria-label="Payments"
         ></iconify-icon>
       </button>
     </a>
     <a href={`/account/${id}`} class="contents" aria-label="Settings">
       <button class="flex gap-1 mb-auto pb-4 pl-4">
-        <iconify-icon icon="ph:gear-bold" width="32" aria-label="Settings"
+        <iconify-icon noobserver icon="ph:gear-bold" width="32" aria-label="Settings"
         ></iconify-icon>
       </button>
     </a>
@@ -46,7 +46,7 @@
   <div class="flex justify-center w-full text-xl gap-2">
     <a href={"/invoice"} class="contents" onclick={setAccount}>
       <button class="btn !w-auto flex-grow">
-        <iconify-icon icon="ph:hand-coins-bold" width="32" flip="horizontal"
+        <iconify-icon noobserver icon="ph:hand-coins-bold" width="32" flip="horizontal"
         ></iconify-icon>
         <div class="my-auto">{$t("user.dashboard.receive")}</div>
       </button>
@@ -54,7 +54,7 @@
 
     <a href={`/send`} class="contents grow" onclick={setAccount}>
       <button type="button" class="btn !w-auto flex-grow">
-        <iconify-icon icon="ph:paper-plane-right-bold" width="32"
+        <iconify-icon noobserver icon="ph:paper-plane-right-bold" width="32"
         ></iconify-icon>
         <div class="my-auto">{$t("user.dashboard.send")}</div>
       </button>
diff --git a/src/components/Amount.svelte b/src/components/Amount.svelte
index 6dad13e0..f13949c6 100644
--- a/src/components/Amount.svelte
+++ b/src/components/Amount.svelte
@@ -11,14 +11,14 @@
       class:justify-center={align !== "left"}
     >
       <div class="flex items-center" onclick={() => copy(amount)}>
-        <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, locale)}
       </div>
 
       {#if tip}
         <div class="flex items-center text-lg ml-2">
           <div>+</div>
-          <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(tip, locale)}</div>
         </div>
diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index 9868cd9b..feffa46a 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -66,7 +66,7 @@
         {#each links as { href, icon, flip, label }}
           <a {href} data-sveltekit-preload-code="eager" aria-label={label}>
             <button class="btn-menu {opacity(href)}">
-              <iconify-icon {icon} width={w > 640 ? 32 : 24} {flip}
+              <iconify-icon noobserver {icon} width={w > 640 ? 32 : 24} {flip}
               ></iconify-icon>
             </button>
           </a>
diff --git a/src/components/Balance.svelte b/src/components/Balance.svelte
index fd5ff3db..da26f6de 100644
--- a/src/components/Balance.svelte
+++ b/src/components/Balance.svelte
@@ -23,7 +23,7 @@
 <div>
   {#if user.haspin && !$pin}
     <button onclick={toggleShow} class="flex gap-2 text-xl">
-      <iconify-icon icon="ph:eye-slash-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:eye-slash-bold" width="32"></iconify-icon>
       <div class="my-auto">{$t("user.showBalance")}</div>
     </button>
   {:else if !isNaN(rate)}
diff --git a/src/components/Code.svelte b/src/components/Code.svelte
index 1c25feb8..9ad9bf29 100644
--- a/src/components/Code.svelte
+++ b/src/components/Code.svelte
@@ -6,7 +6,7 @@
 
 {#snippet cp(something)}
   <button type="button" class="ml-auto" onclick={() => copy(something)}>
-    <iconify-icon icon="ph:copy-bold" width="42"></iconify-icon>
+    <iconify-icon noobserver icon="ph:copy-bold" width="42"></iconify-icon>
   </button>
 {/snippet}
 
diff --git a/src/components/DarkToggle.svelte b/src/components/DarkToggle.svelte
index 904df022..2808d829 100644
--- a/src/components/DarkToggle.svelte
+++ b/src/components/DarkToggle.svelte
@@ -11,7 +11,7 @@
   class="flex justify-center items-center hover:opacity-80 gap-2 font-bold"
   onclick={dark}
 >
-  <iconify-icon
+  <iconify-icon noobserver
     icon={$theme === "dark" ? "ph:sun-bold" : "ph:moon-stars-bold"}
     width="30"
 ></iconify-icon>
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index dad8aeab..0cab1d13 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -24,7 +24,7 @@
   <div class="space-y-5">
     <div class="text-center w-full">
       <a href="/" aria-label="Home">
-        <iconify-icon icon="coinos:logo" width="224"></iconify-icon>
+        <iconify-icon noobserver icon="coinos:logo" width="224"></iconify-icon>
       </a>
     </div>
     <div class="flex gap-2 justify-center sm:hidden">
@@ -73,5 +73,5 @@
     </ul>
   </div>
 
-  <iconify-icon icon="coinos:shield" class="flex justify-center" width="96"></iconify-icon>
+  <iconify-icon noobserver icon="coinos:shield" class="flex justify-center" width="96"></iconify-icon>
 </footer>
diff --git a/src/components/HowItWorksCard.svelte b/src/components/HowItWorksCard.svelte
index 2b8967ae..c076a3e9 100644
--- a/src/components/HowItWorksCard.svelte
+++ b/src/components/HowItWorksCard.svelte
@@ -5,7 +5,7 @@
 </script>
 
 <div class="space-y-5">
-  <iconify-icon icon={image} class="mx-auto" width="128"></iconify-icon>
+  <iconify-icon noobserver icon={image} class="mx-auto" width="128"></iconify-icon>
   <p class="text-2xl font-medium">{$t("howItWorks." + stepID + ".header")}</p>
   <p class="text-secondary text-xl font-medium w-full md:w-2/3 mx-auto">
     {$t("howItWorks." + stepID + ".description")}
diff --git a/src/components/InvoiceActions.svelte b/src/components/InvoiceActions.svelte
index 23268a19..c0f8f572 100644
--- a/src/components/InvoiceActions.svelte
+++ b/src/components/InvoiceActions.svelte
@@ -15,7 +15,7 @@
 
 <div class="text-secondary space-y-2 text-xl pt-2">
   <button type="button" class="btn" onclick={() => copy(txt)}>
-    <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("payments.copy")}
     </div>
@@ -23,20 +23,20 @@
 
   {#if user?.id === invoice?.user?.id}
     <button class="btn" onclick={toggleAmount}>
-      <iconify-icon icon="ph:pencil-simple-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:pencil-simple-bold" width="32"></iconify-icon>
       <div class="my-auto">{t("payments.setAmount")}</div>
     </button>
   {:else}
     <a href={link} class="block">
       <button class="btn">
-        <iconify-icon icon="ph:wallet-bold" width="32"></iconify-icon>
+        <iconify-icon noobserver icon="ph:wallet-bold" width="32"></iconify-icon>
         <div class="my-auto">{t("payments.openLink")}</div>
       </button>
     </a>
   {/if}
 
   <button class="btn" onclick={toggleMemo}>
-    <iconify-icon icon="ph:chat-centered-text-bold" width="32"></iconify-icon>
+    <iconify-icon noobserver icon="ph:chat-centered-text-bold" width="32"></iconify-icon>
     <div class="my-auto">
       {t("invoice.setMemo")}
     </div>
@@ -46,10 +46,10 @@
     <div class="w-full flex justify-center gap-2 flex-wrap">
       <button class="btn" onclick={() => (showQr = !showQr)}>
         {#if showQr}
-          <iconify-icon icon="ph:text-align-center-bold" width="32"
+          <iconify-icon noobserver icon="ph:text-align-center-bold" width="32"
           ></iconify-icon>
         {:else}
-          <iconify-icon icon="ph:qr-code-bold" width="32"></iconify-icon>
+          <iconify-icon noobserver icon="ph:qr-code-bold" width="32"></iconify-icon>
         {/if}
         <div class="my-auto">
           {showQr ? t("payments.showText") : t("payments.showQr")}
diff --git a/src/components/InvoiceData.svelte b/src/components/InvoiceData.svelte
index ca7d5e7b..764e0327 100644
--- a/src/components/InvoiceData.svelte
+++ b/src/components/InvoiceData.svelte
@@ -37,7 +37,7 @@
 
 {#if invoice.type === types.liquid}
   <div class="flex justify-center p-4 shadow items-center gap-2">
-    <iconify-icon icon="ph:warning-bold" width="48" class="text-warning"
+    <iconify-icon noobserver icon="ph:warning-bold" width="48" class="text-warning"
     ></iconify-icon>
     <div>
       <div class="my-auto text-xl text-center text-secondary">
diff --git a/src/components/InvoiceTypes.svelte b/src/components/InvoiceTypes.svelte
index 532f5699..b3367c90 100644
--- a/src/components/InvoiceTypes.svelte
+++ b/src/components/InvoiceTypes.svelte
@@ -16,7 +16,7 @@
         class="bg-black rounded-full w-8 h-8 items-center justify-center flex"
       >
         <div class="m-auto">
-          <iconify-icon
+          <iconify-icon noobserver
             icon="ph:lightning-fill"
             class="text-yellow-300 text-2xl"
           ></iconify-icon>
@@ -56,12 +56,12 @@
     </button>
 
     <button class="btn flex-nowrap" onclick={() => goto("/scan")}>
-      <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 text-lg">{t("user.send.scan")}</div>
     </button>
 
     <button class="btn flex-nowrap" onclick={() => goto("/receive")}>
-      <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 text-lg">{t("user.send.paste")}</div>
     </button>
   </div>
@@ -74,7 +74,7 @@
   >
     <div class="bg-black rounded-full w-8 h-8 items-center justify-center flex">
       <div class="m-auto">
-        <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>
     </div>
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index f2c94ade..cc9dd50f 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -24,7 +24,7 @@
   <nav class="block lg:flex justify-between items-center">
     <div class="flex justify-start lg:justify-center items-center lg:space-x-5">
       <a href="/" onclick={() => scroll(header)} aria-label="Home">
-        <iconify-icon icon="coinos:logo" width="224"></iconify-icon>
+        <iconify-icon noobserver icon="coinos:logo" width="224"></iconify-icon>
       </a>
     </div>
 
@@ -73,7 +73,7 @@
       class="block lg:hidden absolute top-[34.5px] right-10 z"
       onclick={() => (showMobileMenu = !showMobileMenu)}
     >
-      <iconify-icon
+      <iconify-icon noobserver
         icon={!showMobileMenu ? "ph:list-bold" : "ph:x-bold"}
         width="32"
       ></iconify-icon>
diff --git a/src/components/LandingHero.svelte b/src/components/LandingHero.svelte
index d3f71390..3f24724c 100644
--- a/src/components/LandingHero.svelte
+++ b/src/components/LandingHero.svelte
@@ -14,7 +14,7 @@
       {$t("landing.header_before_icon")}
       <span class="relative">
         {$t("landing.header_with_icon")}
-        <iconify-icon
+        <iconify-icon noobserver
           icon="coinos:rays"
           class="absolute -top-16 left-5 md:left-8 lg:left-14 2xl:left-24"
 ></iconify-icon>
diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte
index c47dbf49..103e2477 100644
--- a/src/components/LocationsMap.svelte
+++ b/src/components/LocationsMap.svelte
@@ -267,7 +267,7 @@
       class="rounded-full border-2 border-black bg-base-100 w-16 h-16 flex items-center justify-center bg-opacity-80"
       onclick={back}
     >
-      <iconify-icon icon="ph:arrow-left-bold" width="24"></iconify-icon>
+      <iconify-icon noobserver icon="ph:arrow-left-bold" width="24"></iconify-icon>
     </button>
   </div>
   <div class="relative">
@@ -280,10 +280,10 @@
           <div class="flex gap-1 absolute right-6 top-3">
             {#if search}
               <button type="button" onclick={clearSearch} aria-label="Clear">
-                <iconify-icon icon="ph:x-bold" width="32"></iconify-icon>
+                <iconify-icon noobserver icon="ph:x-bold" width="32"></iconify-icon>
               </button>
             {:else}
-              <iconify-icon icon="ph:search-bold" width="32"></iconify-icon>
+              <iconify-icon noobserver icon="ph:search-bold" width="32"></iconify-icon>
             {/if}
           </div>
         </div>
@@ -305,16 +305,16 @@
         class="rounded-full border-2 border-primary bg-base-100 w-16 h-16 flex items-center justify-center bg-opacity-80"
         onclick={toggleList}
       >
-        <iconify-icon icon="ph:list-bold" width="24"></iconify-icon>
+        <iconify-icon noobserver icon="ph:list-bold" width="24"></iconify-icon>
       </button>
       <button
         class="rounded-full border-2 border-primary bg-base-100 w-16 h-16 flex items-center justify-center bg-opacity-80"
         onclick={toggle}
       >
         {#if timeout}
-          <iconify-icon icon="ph:pause-bold" width="24"></iconify-icon>
+          <iconify-icon noobserver icon="ph:pause-bold" width="24"></iconify-icon>
         {:else}
-          <iconify-icon icon="ph:play-bold" width="24"></iconify-icon>
+          <iconify-icon noobserver icon="ph:play-bold" width="24"></iconify-icon>
         {/if}
       </button>
     </div>
diff --git a/src/components/Menu.svelte b/src/components/Menu.svelte
index 7268b74b..7408687c 100644
--- a/src/components/Menu.svelte
+++ b/src/components/Menu.svelte
@@ -27,7 +27,7 @@
 <div>
   <OutClick on:outclick={hideMenu}>
     <button class="btn-menu {opacity('/support')}" onclick={toggleMenu}
-      ><iconify-icon icon="ph:list-bold" width={w > 640 ? 32 : 24}
+      ><iconify-icon noobserver icon="ph:list-bold" width={w > 640 ? 32 : 24}
       ></iconify-icon>
     </button>
 
@@ -51,7 +51,7 @@
                 <button
                   class="flex justify-center items-center font-semibold hover:opacity-80 gap-2"
                 >
-                  <iconify-icon {icon} width="32"></iconify-icon>
+                  <iconify-icon noobserver {icon} width="32"></iconify-icon>
                   {t(key)}
                 </button>
               </a>
@@ -61,7 +61,7 @@
       </ul>
       <hr class="my-4" />
       <a href="/?stay=true"
-        ><iconify-icon icon="coinos:logo" width="160"></iconify-icon></a
+        ><iconify-icon noobserver icon="coinos:logo" width="160"></iconify-icon></a
       >
     </div>
   </OutClick>
diff --git a/src/components/Numpad.svelte b/src/components/Numpad.svelte
index a0c5260f..f79f749a 100644
--- a/src/components/Numpad.svelte
+++ b/src/components/Numpad.svelte
@@ -203,7 +203,7 @@
               {symbol}
             {/if}
           {:else}
-            <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+            <iconify-icon noobserver icon="ph:lightning-fill" class="text-yellow-300"
             ></iconify-icon>
           {/if}
         </div>
@@ -228,7 +228,7 @@
         on:click|preventDefault|stopPropagation={swap}
       >
         {#if $fiat}
-          <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, locale)}
         {:else}
diff --git a/src/components/PasswordInput.svelte b/src/components/PasswordInput.svelte
index 8c7d8d7c..317c62d4 100644
--- a/src/components/PasswordInput.svelte
+++ b/src/components/PasswordInput.svelte
@@ -32,6 +32,6 @@
     />
   {/if}
   <button type="button" aria-label="Toggle" onclick={toggle} class="contents">
-    <iconify-icon {icon} width="32"></iconify-icon>
+    <iconify-icon noobserver {icon} width="32"></iconify-icon>
   </button>
 </label>
diff --git a/src/components/Payments.svelte b/src/components/Payments.svelte
index f22c1ad8..fbe88ce6 100644
--- a/src/components/Payments.svelte
+++ b/src/components/Payments.svelte
@@ -20,7 +20,7 @@
       <div class="whitespace-nowrap my-auto col-span-3">
         <div class="font-bold flex items-center">
           <div class="flex items-center">
-            <iconify-icon
+            <iconify-icon noobserver
               icon="ph:lightning-fill"
               width="24"
               class="text-yellow-300"
@@ -56,7 +56,7 @@
           {:else}
             <a href={`/fund/${p.memo}`}>
               <div class="text-secondary flex">
-                <iconify-icon
+                <iconify-icon noobserver
                   icon="ph:lightning-fill"
                   class="text-yellow-300 text-3xl"
                 ></iconify-icon>
@@ -77,16 +77,16 @@
         {:else}
           <div class="text-secondary flex items-center gap-1">
             {#if p.type === types.lightning || p.type === types.bolt12}
-              <iconify-icon
+              <iconify-icon noobserver
                 icon="ph:lightning-fill"
                 class="text-yellow-300 text-3xl"
               ></iconify-icon>
             {:else if p.type === types.ecash}
               <img src="/images/cash.png" class="w-12" />
             {:else if p.type === types.reconcile}
-              <iconify-icon icon="ph:scales-bold" width="32"></iconify-icon>
+              <iconify-icon noobserver icon="ph:scales-bold" width="32"></iconify-icon>
             {:else if p.type === types.bitcoin}
-              <iconify-icon icon="logos:bitcoin" class="text-3xl"
+              <iconify-icon noobserver icon="logos:bitcoin" class="text-3xl"
               ></iconify-icon>
             {:else if p.type === types.liquid}
               <div class="my-auto">
diff --git a/src/components/Pinpad.svelte b/src/components/Pinpad.svelte
index e27a8c8f..6abbfb17 100644
--- a/src/components/Pinpad.svelte
+++ b/src/components/Pinpad.svelte
@@ -69,7 +69,7 @@
     />
   {/if}
   <button type="button" class="contents" onclick={toggle}>
-    <iconify-icon icon={hide ? "ph:eye-slash-bold" : "ph:eye-bold"} width="32"
+    <iconify-icon noobserver icon={hide ? "ph:eye-slash-bold" : "ph:eye-bold"} width="32"
     ></iconify-icon></button
   >
 </label>
diff --git a/src/components/Success.svelte b/src/components/Success.svelte
index 6cbe990e..b2e126b3 100644
--- a/src/components/Success.svelte
+++ b/src/components/Success.svelte
@@ -47,7 +47,7 @@
       </div>
     </div>
 
-    <iconify-icon
+    <iconify-icon noobserver
       icon="ph:check-fat-fill"
       class="text-green-400"
       width="160"
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}
diff --git a/src/routes/(static)/docs/+page.svelte b/src/routes/(static)/docs/+page.svelte
index 1c47d054..7ac6e013 100644
--- a/src/routes/(static)/docs/+page.svelte
+++ b/src/routes/(static)/docs/+page.svelte
@@ -20,7 +20,7 @@
 
 {#snippet cp(something)}
   <button type="button" class="ml-auto" onclick={() => copy(something)}>
-    <iconify-icon icon="ph:copy-bold" width="42"></iconify-icon>
+    <iconify-icon noobserver icon="ph:copy-bold" width="42"></iconify-icon>
   </button>
 {/snippet}
 
diff --git a/src/routes/(static)/register/+page.svelte b/src/routes/(static)/register/+page.svelte
index 147c361e..fee19ec6 100644
--- a/src/routes/(static)/register/+page.svelte
+++ b/src/routes/(static)/register/+page.svelte
@@ -179,7 +179,7 @@
       onclick={decr}
       aria-label="Previous"
     >
-      <iconify-icon icon="ph:caret-left-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:caret-left-bold" width="32"></iconify-icon>
     </button>
     <button class="block relative w-32 mx-auto" onclick={selectAvatar}>
       <div
@@ -194,7 +194,7 @@
       <div
         class="absolute bg-base-100 rounded-full p-2 mx-auto right-0 bottom-0 z-10 w-12"
       >
-        <iconify-icon icon="ph:upload-simple-bold" width="24"></iconify-icon>
+        <iconify-icon noobserver icon="ph:upload-simple-bold" width="24"></iconify-icon>
       </div>
     </button>
     <button
@@ -202,7 +202,7 @@
       onclick={incr}
       aria-label="Next"
     >
-      <iconify-icon icon="ph:caret-right-bold" width="32"></iconify-icon>
+      <iconify-icon noobserver icon="ph:caret-right-bold" width="32"></iconify-icon>
     </button>
   </div>
 
@@ -242,7 +242,7 @@
         aria-label="Randomize"
         class="contents"
       >
-        <iconify-icon icon="ph:dice-three-bold" width="32"
+        <iconify-icon noobserver icon="ph:dice-three-bold" width="32"
         ></iconify-icon></button
       >
     </label>