diff --git a/build.gradle b/build.gradle
index 740775c..1edb874 100644
--- a/build.gradle
+++ b/build.gradle
@@ -55,6 +55,6 @@ build {
 }
 
 halo {
-    version = "2.21.6"
+    version = "2.21.7"
     debug = true
 }
diff --git a/packages/comment-widget/src/assets/halo.png b/packages/comment-widget/src/assets/halo.png
new file mode 100644
index 0000000..2462c0e
Binary files /dev/null and b/packages/comment-widget/src/assets/halo.png differ
diff --git a/packages/comment-widget/src/commenter-ua-bar.ts b/packages/comment-widget/src/commenter-ua-bar.ts
index 42aa29e..c1d6cd8 100644
--- a/packages/comment-widget/src/commenter-ua-bar.ts
+++ b/packages/comment-widget/src/commenter-ua-bar.ts
@@ -2,6 +2,7 @@ import { css, html, LitElement } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { when } from 'lit/directives/when.js';
 import type { UAParser } from 'ua-parser-js';
+import haloLogo from './assets/halo.png';
 import baseStyles from './styles/base';
 
 const OS_ICON_MAP = {
@@ -72,8 +73,11 @@ export class CommenterUABar extends LitElement {
     const browser = this.parser.getBrowser();
 
     if (!os.name && !browser.name) {
+      const isHaloApp = this.ua.startsWith('Halo App/');
+
       return html`
       <div class="inline-flex items-center gap-1 bg-muted-3 rounded-base px-1.5 py-1">
+        ${when(isHaloApp, () => html`<img src=${haloLogo} class="size-3 rounded-sm" />`)}
         <span class="text-xs text-text-3">${this.ua}</span>
       </div>
       `;