diff --git a/build/app/public/js/base.js b/build/app/public/js/base.js
index a309a6e3..c64a4a65 100644
--- a/build/app/public/js/base.js
+++ b/build/app/public/js/base.js
@@ -12150,42 +12150,58 @@
   };
 
   // shared/js/ui/templates/shared/tracker-networks-text.js
-  function trackerNetworksText(requestDetails, protectionsEnabled) {
+  function trackerNetworksTitle(requestDetails, protectionsEnabled) {
     const state = requestDetails.state(protectionsEnabled);
     switch (state) {
       case states.protectionsOn_blocked:
       case states.protectionsOn_blocked_allowedTrackers:
       case states.protectionsOn_blocked_allowedNonTrackers:
       case states.protectionsOn_blocked_allowedTrackers_allowedNonTrackers: {
-        return {
-          title: ns.site("trackerNetworksDesc.title"),
-          icon: "blocked"
-        };
+        return ns.site("trackerNetworksDesc.title");
       }
       case states.protectionsOn_allowedTrackers_allowedNonTrackers:
       case states.protectionsOn_allowedTrackers:
       case states.protectionsOn_allowedFirstParty:
-      case states.protectionsOn_allowedFirstParty_allowedNonTrackers: {
-        return {
-          title: ns.site("trackerNetworksNotBlocked.title"),
-          icon: "info"
-        };
-      }
+      case states.protectionsOn_allowedFirstParty_allowedNonTrackers:
       case states.protectionsOff_allowedTrackers:
       case states.protectionsOff_allowedTrackers_allowedNonTrackers: {
-        return {
-          title: ns.site("trackerNetworksNotBlocked.title"),
-          icon: "warning"
-        };
+        return ns.site("trackerNetworksNotBlocked.title");
       }
       case states.protectionsOn:
       case states.protectionsOff:
       case states.protectionsOn_allowedNonTrackers:
       case states.protectionsOff_allowedNonTrackers: {
-        return {
-          title: ns.site("trackerNetworksNotFound.title"),
-          icon: "blocked"
-        };
+        return ns.site("trackerNetworksNotFound.title");
+      }
+      default:
+        return unreachable(state);
+    }
+  }
+  function trackerNetworksIcon(requestDetails, protectionsEnabled, phishingDetected) {
+    if (phishingDetected) {
+      return "info";
+    }
+    const state = requestDetails.state(protectionsEnabled);
+    switch (state) {
+      case states.protectionsOn_blocked:
+      case states.protectionsOn_blocked_allowedTrackers:
+      case states.protectionsOn_blocked_allowedNonTrackers:
+      case states.protectionsOn_blocked_allowedTrackers_allowedNonTrackers:
+      case states.protectionsOn:
+      case states.protectionsOff:
+      case states.protectionsOn_allowedNonTrackers:
+      case states.protectionsOff_allowedNonTrackers: {
+        return "blocked";
+      }
+      case states.protectionsOn_allowedTrackers_allowedNonTrackers:
+      case states.protectionsOn_allowedTrackers:
+      case states.protectionsOn_allowedFirstParty:
+      case states.protectionsOn_allowedFirstParty_allowedNonTrackers: {
+        return "info";
+      }
+      case states.protectionsOff_allowedTrackers:
+      case states.protectionsOff_allowedTrackers_allowedNonTrackers: {
+        return "warning";
       }
       default:
         return unreachable(state);
@@ -12247,16 +12263,13 @@
   }
 
   // shared/js/ui/templates/shared/thirdparty-text.js
-  function thirdpartyText(requestDetails, protectionsEnabled) {
+  function thirdpartyTitle(requestDetails, protectionsEnabled) {
     const state = requestDetails.state(protectionsEnabled);
     switch (state) {
       case states.protectionsOn:
       case states.protectionsOn_blocked:
       case states.protectionsOff: {
-        return {
-          title: ns.site("thirdPartiesNoneFound.title"),
-          icon: "blocked"
-        };
+        return ns.site("thirdPartiesNoneFound.title");
       }
       case states.protectionsOn_allowedTrackers:
       case states.protectionsOn_allowedNonTrackers:
@@ -12269,10 +12282,35 @@
       case states.protectionsOff_allowedTrackers:
       case states.protectionsOn_allowedFirstParty:
       case states.protectionsOn_allowedFirstParty_allowedNonTrackers: {
-        return {
-          title: ns.site("thirdPartiesLoaded.title"),
-          icon: "info"
-        };
+        return ns.site("thirdPartiesLoaded.title");
+      }
+      default:
+        return unreachable2(state);
+    }
+  }
+  function thirdpartyIcon(requestDetails, protectionsEnabled, phishingDetected) {
+    if (phishingDetected) {
+      return "info";
+    }
+    const state = requestDetails.state(protectionsEnabled);
+    switch (state) {
+      case states.protectionsOn:
+      case states.protectionsOn_blocked:
+      case states.protectionsOff: {
+        return "blocked";
+      }
+      case states.protectionsOn_allowedTrackers:
+      case states.protectionsOn_allowedNonTrackers:
+      case states.protectionsOn_blocked_allowedTrackers:
+      case states.protectionsOn_blocked_allowedNonTrackers:
+      case states.protectionsOn_allowedTrackers_allowedNonTrackers:
+      case states.protectionsOn_blocked_allowedTrackers_allowedNonTrackers:
+      case states.protectionsOff_allowedTrackers_allowedNonTrackers:
+      case states.protectionsOff_allowedNonTrackers:
+      case states.protectionsOff_allowedTrackers:
+      case states.protectionsOn_allowedFirstParty:
+      case states.protectionsOn_allowedFirstParty_allowedNonTrackers: {
+        return "info";
       }
       default:
         return unreachable2(state);
@@ -15453,7 +15491,8 @@
     </div>`;
   }
   function renderTrackerNetworksNew(model, cb) {
-    const { title, icon } = trackerNetworksText(model.tab.requestDetails, model.protectionsEnabled);
+    const title = trackerNetworksTitle(model.tab.requestDetails, model.protectionsEnabled);
+    const icon = trackerNetworksIcon(model.tab.requestDetails, model.protectionsEnabled, model.tab.phishingStatus);
     return import_nanohtml5.default` <a
         href="javascript:void(0)"
         class="main-nav__item main-nav__item--link link-action link-action--dark"
@@ -15468,7 +15507,8 @@
     </a>`;
   }
   function renderThirdPartyNew(model, cb) {
-    const { title, icon } = thirdpartyText(model.tab.requestDetails, model.protectionsEnabled);
+    const title = thirdpartyTitle(model.tab.requestDetails, model.protectionsEnabled);
+    const icon = thirdpartyIcon(model.tab.requestDetails, model.protectionsEnabled, model.tab.phishingStatus);
     return import_nanohtml5.default` <a
         href="javascript:void(0)"
         class="main-nav__item main-nav__item--link link-action link-action--dark"
diff --git a/integration-tests/macos.spec-int.js-snapshots/phishing-warning-macos-darwin.png b/integration-tests/macos.spec-int.js-snapshots/phishing-warning-macos-darwin.png
index 284d110f..40fd746e 100644
Binary files a/integration-tests/macos.spec-int.js-snapshots/phishing-warning-macos-darwin.png and b/integration-tests/macos.spec-int.js-snapshots/phishing-warning-macos-darwin.png differ
diff --git a/shared/js/ui/templates/shared/thirdparty-text.js b/shared/js/ui/templates/shared/thirdparty-text.js
index 711cf8f0..39f6b852 100644
--- a/shared/js/ui/templates/shared/thirdparty-text.js
+++ b/shared/js/ui/templates/shared/thirdparty-text.js
@@ -4,18 +4,15 @@ import { ns } from '../../base/localize.js'
 /**
  * @param {import("../../../browser/utils/request-details.mjs").RequestDetails} requestDetails
  * @param {boolean} protectionsEnabled
- * @returns {{title: string, icon: string}}
+ * @returns {string}
  */
-export function thirdpartyText(requestDetails, protectionsEnabled) {
+export function thirdpartyTitle(requestDetails, protectionsEnabled) {
     const state = requestDetails.state(protectionsEnabled)
     switch (state) {
         case states.protectionsOn:
         case states.protectionsOn_blocked:
         case states.protectionsOff: {
-            return {
-                title: ns.site('thirdPartiesNoneFound.title'),
-                icon: 'blocked',
-            }
+            return ns.site('thirdPartiesNoneFound.title')
         }
         case states.protectionsOn_allowedTrackers:
         case states.protectionsOn_allowedNonTrackers:
@@ -28,10 +25,7 @@ export function thirdpartyText(requestDetails, protectionsEnabled) {
         case states.protectionsOff_allowedTrackers:
         case states.protectionsOn_allowedFirstParty:
         case states.protectionsOn_allowedFirstParty_allowedNonTrackers: {
-            return {
-                title: ns.site('thirdPartiesLoaded.title'),
-                icon: 'info',
-            }
+            return ns.site('thirdPartiesLoaded.title')
         }
 
         // if no 3rd party requests were observed in any way, then we use the 'nothing found' messaging
@@ -40,6 +34,42 @@ export function thirdpartyText(requestDetails, protectionsEnabled) {
     }
 }
 
+/**
+ * @param {import("../../../browser/utils/request-details.mjs").RequestDetails} requestDetails
+ * @param {boolean} protectionsEnabled
+ * @param {boolean} [phishingDetected]
+ * @returns {'info'|'blocked'}
+ */
+export function thirdpartyIcon(requestDetails, protectionsEnabled, phishingDetected) {
+    if (phishingDetected) {
+        return 'info'
+    }
+
+    const state = requestDetails.state(protectionsEnabled)
+    switch (state) {
+        case states.protectionsOn:
+        case states.protectionsOn_blocked:
+        case states.protectionsOff: {
+            return 'blocked'
+        }
+        case states.protectionsOn_allowedTrackers:
+        case states.protectionsOn_allowedNonTrackers:
+        case states.protectionsOn_blocked_allowedTrackers:
+        case states.protectionsOn_blocked_allowedNonTrackers:
+        case states.protectionsOn_allowedTrackers_allowedNonTrackers:
+        case states.protectionsOn_blocked_allowedTrackers_allowedNonTrackers:
+        case states.protectionsOff_allowedTrackers_allowedNonTrackers:
+        case states.protectionsOff_allowedNonTrackers:
+        case states.protectionsOff_allowedTrackers:
+        case states.protectionsOn_allowedFirstParty:
+        case states.protectionsOn_allowedFirstParty_allowedNonTrackers: {
+            return 'info'
+        }
+        default:
+            return unreachable(state)
+    }
+}
+
 /**
  * @param {import("../../../browser/utils/request-details.mjs").RequestDetails} requestDetails
  * @param {boolean} protectionsEnabled
diff --git a/shared/js/ui/templates/shared/tracker-networks-text.js b/shared/js/ui/templates/shared/tracker-networks-text.js
index 3a62413e..c7ae814e 100644
--- a/shared/js/ui/templates/shared/tracker-networks-text.js
+++ b/shared/js/ui/templates/shared/tracker-networks-text.js
@@ -4,44 +4,69 @@ import { ns } from '../../base/localize.js'
 /**
  * @param {import("../../../browser/utils/request-details.mjs").RequestDetails} requestDetails
  * @param {any} protectionsEnabled
- * @returns {{title: string, icon: string}}
+ * @returns {string}
  */
-export function trackerNetworksText(requestDetails, protectionsEnabled) {
+export function trackerNetworksTitle(requestDetails, protectionsEnabled) {
     const state = requestDetails.state(protectionsEnabled)
     switch (state) {
         case states.protectionsOn_blocked:
         case states.protectionsOn_blocked_allowedTrackers:
         case states.protectionsOn_blocked_allowedNonTrackers:
         case states.protectionsOn_blocked_allowedTrackers_allowedNonTrackers: {
-            return {
-                title: ns.site('trackerNetworksDesc.title'),
-                icon: 'blocked',
-            }
+            return ns.site('trackerNetworksDesc.title')
         }
         case states.protectionsOn_allowedTrackers_allowedNonTrackers:
         case states.protectionsOn_allowedTrackers:
         case states.protectionsOn_allowedFirstParty:
-        case states.protectionsOn_allowedFirstParty_allowedNonTrackers: {
-            return {
-                title: ns.site('trackerNetworksNotBlocked.title'),
-                icon: 'info',
-            }
-        }
+        case states.protectionsOn_allowedFirstParty_allowedNonTrackers:
         case states.protectionsOff_allowedTrackers:
         case states.protectionsOff_allowedTrackers_allowedNonTrackers: {
-            return {
-                title: ns.site('trackerNetworksNotBlocked.title'),
-                icon: 'warning',
-            }
+            return ns.site('trackerNetworksNotBlocked.title')
         }
         case states.protectionsOn:
         case states.protectionsOff:
         case states.protectionsOn_allowedNonTrackers:
         case states.protectionsOff_allowedNonTrackers: {
-            return {
-                title: ns.site('trackerNetworksNotFound.title'),
-                icon: 'blocked',
-            }
+            return ns.site('trackerNetworksNotFound.title')
+        }
+        // if no 3rd party requests were observed in any way, then we use the 'nothing found' messaging
+        default:
+            return unreachable(state)
+    }
+}
+
+/**
+ * @param {import("../../../browser/utils/request-details.mjs").RequestDetails} requestDetails
+ * @param {any} protectionsEnabled
+ * @param {boolean} [phishingDetected]
+ * @returns {'info'|'blocked'|'warning'}
+ */
+export function trackerNetworksIcon(requestDetails, protectionsEnabled, phishingDetected) {
+    if (phishingDetected) {
+        return 'info'
+    }
+
+    const state = requestDetails.state(protectionsEnabled)
+    switch (state) {
+        case states.protectionsOn_blocked:
+        case states.protectionsOn_blocked_allowedTrackers:
+        case states.protectionsOn_blocked_allowedNonTrackers:
+        case states.protectionsOn_blocked_allowedTrackers_allowedNonTrackers:
+        case states.protectionsOn:
+        case states.protectionsOff:
+        case states.protectionsOn_allowedNonTrackers:
+        case states.protectionsOff_allowedNonTrackers: {
+            return 'blocked'
+        }
+        case states.protectionsOn_allowedTrackers_allowedNonTrackers:
+        case states.protectionsOn_allowedTrackers:
+        case states.protectionsOn_allowedFirstParty:
+        case states.protectionsOn_allowedFirstParty_allowedNonTrackers: {
+            return 'info'
+        }
+        case states.protectionsOff_allowedTrackers:
+        case states.protectionsOff_allowedTrackers_allowedNonTrackers: {
+            return 'warning'
         }
         // if no 3rd party requests were observed in any way, then we use the 'nothing found' messaging
         default:
diff --git a/shared/js/ui/views/main-nav.js b/shared/js/ui/views/main-nav.js
index eb976c9d..75fbee88 100644
--- a/shared/js/ui/views/main-nav.js
+++ b/shared/js/ui/views/main-nav.js
@@ -1,6 +1,6 @@
 import html from 'nanohtml'
-import { trackerNetworksText } from '../templates/shared/tracker-networks-text.js'
-import { thirdpartyText } from '../templates/shared/thirdparty-text.js'
+import { trackerNetworksTitle, trackerNetworksIcon } from '../templates/shared/tracker-networks-text.js'
+import { thirdpartyTitle, thirdpartyIcon } from '../templates/shared/thirdparty-text.js'
 import { i18n } from '../base/localize.js'
 import { httpsMessages } from '../../../data/constants'
 import { states } from '../../browser/utils/request-details.mjs'
@@ -114,7 +114,9 @@ function renderConnectionText(model) {
  * @param {import('../models/site.js').PublicSiteModel} model
  */
 function renderTrackerNetworksNew(model, cb) {
-    const { title, icon } = trackerNetworksText(model.tab.requestDetails, model.protectionsEnabled)
+    const title = trackerNetworksTitle(model.tab.requestDetails, model.protectionsEnabled)
+    const icon = trackerNetworksIcon(model.tab.requestDetails, model.protectionsEnabled, model.tab.phishingStatus)
+
     return html` <a
         href="javascript:void(0)"
         class="main-nav__item main-nav__item--link link-action link-action--dark"
@@ -133,7 +135,9 @@ function renderTrackerNetworksNew(model, cb) {
  * @param {import('../models/site.js').PublicSiteModel} model
  */
 function renderThirdPartyNew(model, cb) {
-    const { title, icon } = thirdpartyText(model.tab.requestDetails, model.protectionsEnabled)
+    const title = thirdpartyTitle(model.tab.requestDetails, model.protectionsEnabled)
+    const icon = thirdpartyIcon(model.tab.requestDetails, model.protectionsEnabled, model.tab.phishingStatus)
+
     return html` <a
         href="javascript:void(0)"
         class="main-nav__item main-nav__item--link link-action link-action--dark"