diff --git a/project.task.yaml b/project.task.yaml
index 8099787..0bae35c 100644
--- a/project.task.yaml
+++ b/project.task.yaml
@@ -14,6 +14,7 @@ tasks:
   - https://gitea.anomalistdesign.com/trent_larson/py-push-server/pulls/3/files
   - remove "notification push server" advanced setting since it only makes sense on the current domain
   - prompt user to install on their home screen
+  - warn if they're using the web (android only?)
 
 - back-and-forth on discovery & project pages led to "You need an identity to load your projects." error on product page when I had an identity
 - fix the projects on /discover to show the issuer (currently all "Someone Anonymous")
diff --git a/src/views/AccountViewView.vue b/src/views/AccountViewView.vue
index 1dad814..cb153bd 100644
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -106,6 +106,7 @@
 
     <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8">
       <label
+        v-if="notificationUnchanged"
         for="toggleNotifications"
         class="flex items-center justify-between cursor-pointer"
         @click="
@@ -145,6 +146,10 @@
           ></div>
         </div>
       </label>
+      <label v-else>
+        Notification status may have changed. Revisit this page to see the
+        latest setting.
+      </label>
     </div>
 
     <h3 class="text-sm uppercase font-semibold mb-3">Data</h3>
@@ -449,8 +454,8 @@ import "dexie-export-import";
 import { Component, Vue } from "vue-facing-decorator";
 import { useClipboard } from "@vueuse/core";
 
-import QuickNav from "@/components/QuickNav";
-import TopMessage from "@/components/TopMessage";
+import QuickNav from "@/components/QuickNav.vue";
+import TopMessage from "@/components/TopMessage.vue";
 import { AppString } from "@/constants/app";
 import { db, accountsDB } from "@/db/index";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
@@ -487,6 +492,7 @@ export default class AccountViewView extends Vue {
   derivationPath = "";
   givenName = "";
   isRegistered = false;
+  notificationUnchanged = true;
   numAccounts = 0;
   publicHex = "";
   publicBase64 = "";
@@ -514,6 +520,7 @@ export default class AccountViewView extends Vue {
   }
   set toggleNotifications(value) {
     this.isSubscribed = value;
+    this.notificationUnchanged = false;
   }
 
   /**
@@ -729,7 +736,7 @@ export default class AccountViewView extends Vue {
     }
   }
 
-  public async updateWarnIfProdServer(newSetting) {
+  public async updateWarnIfProdServer(newSetting: boolean) {
     try {
       await db.open();
       db.settings.update(MASTER_SETTINGS_KEY, {
@@ -752,7 +759,7 @@ export default class AccountViewView extends Vue {
     }
   }
 
-  public async updateWarnIfTestServer(newSetting) {
+  public async updateWarnIfTestServer(newSetting: boolean) {
     try {
       await db.open();
       db.settings.update(MASTER_SETTINGS_KEY, {
diff --git a/src/views/DiscoverView.vue b/src/views/DiscoverView.vue
index 73b8cee..c37d30b 100644
--- a/src/views/DiscoverView.vue
+++ b/src/views/DiscoverView.vue
@@ -137,7 +137,7 @@ import { didInfo, ProjectData } from "@/libs/endorserServer";
 import QuickNav from "@/components/QuickNav.vue";
 import InfiniteScroll from "@/components/InfiniteScroll.vue";
 import EntityIcon from "@/components/EntityIcon.vue";
-import TopMessage from "@/components/TopMessage";
+import TopMessage from "@/components/TopMessage.vue";
 
 interface Notification {
   group: string;
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 4a4f464..3c973b3 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -148,7 +148,7 @@ import EntityIcon from "@/components/EntityIcon.vue";
 import GiftedDialog from "@/components/GiftedDialog.vue";
 import InfiniteScroll from "@/components/InfiniteScroll.vue";
 import QuickNav from "@/components/QuickNav.vue";
-import TopMessage from "@/components/TopMessage";
+import TopMessage from "@/components/TopMessage.vue";
 import { db, accountsDB } from "@/db/index";
 import { Account } from "@/db/tables/accounts";
 import { Contact } from "@/db/tables/contacts";
@@ -169,7 +169,13 @@ interface Notification {
 }
 
 @Component({
-  components: { GiftedDialog, QuickNav, EntityIcon, InfiniteScroll, TopMessage },
+  components: {
+    GiftedDialog,
+    QuickNav,
+    EntityIcon,
+    InfiniteScroll,
+    TopMessage,
+  },
 })
 export default class HomeView extends Vue {
   $notify!: (notification: Notification, timeout?: number) => void;
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index 82160a7..f073654 100644
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -284,7 +284,7 @@ import { Component, Vue } from "vue-facing-decorator";
 
 import GiftedDialog from "@/components/GiftedDialog.vue";
 import OfferDialog from "@/components/OfferDialog.vue";
-import TopMessage from "@/components/TopMessage";
+import TopMessage from "@/components/TopMessage.vue";
 import { accountsDB, db } from "@/db/index";
 import { Contact } from "@/db/tables/contacts";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue
index 14ecd05..8a8c895 100644
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@@ -81,7 +81,7 @@ import { IIdentifier } from "@veramo/core";
 import InfiniteScroll from "@/components/InfiniteScroll.vue";
 import QuickNav from "@/components/QuickNav.vue";
 import EntityIcon from "@/components/EntityIcon.vue";
-import TopMessage from "@/components/TopMessage";
+import TopMessage from "@/components/TopMessage.vue";
 import { ProjectData } from "@/libs/endorserServer";
 
 interface Notification {