diff --git a/frontend/packages/swarm-ui/src/agent/detail/AllowedDomains.tsx b/frontend/packages/swarm-ui/src/agent/detail/AllowedDomains.tsx
index ac3902f2..d12c0804 100644
--- a/frontend/packages/swarm-ui/src/agent/detail/AllowedDomains.tsx
+++ b/frontend/packages/swarm-ui/src/agent/detail/AllowedDomains.tsx
@@ -196,7 +196,7 @@ export function AddForm({
   return (
     <Panel
       title={`${deny ? "denied" : "allowed"} domain — ${agent ?? "swarm-wide"}`}
-      icon="🌐"
+      icon={"🌐\uFE0F"}
       onClose={onClose}
     >
       <p>
diff --git a/frontend/packages/swarm-ui/src/pages/swarm/EgressCard.tsx b/frontend/packages/swarm-ui/src/pages/swarm/EgressCard.tsx
index 36c87058..722f8476 100644
--- a/frontend/packages/swarm-ui/src/pages/swarm/EgressCard.tsx
+++ b/frontend/packages/swarm-ui/src/pages/swarm/EgressCard.tsx
@@ -136,7 +136,7 @@ export function EgressCard() {
   return (
     <LazyDisclosure
       title="egress"
-      icon="🌐"
+      icon={"🌐\uFE0F"}
       hint="the domains every agent may or may not reach through its hive's proxy"
     >
       <EgressBody />
diff --git a/frontend/packages/swarm-ui/src/ui/panel/Panel.css b/frontend/packages/swarm-ui/src/ui/panel/Panel.css
index 8adc34ed..7f1abad4 100644
--- a/frontend/packages/swarm-ui/src/ui/panel/Panel.css
+++ b/frontend/packages/swarm-ui/src/ui/panel/Panel.css
@@ -28,6 +28,9 @@
 .ui-panel-icon {
   font-size: 1.2em;
   line-height: 1;
+  /* A panel's icon is an emoji: a font that has a text-style glyph for it
+     (the globe, in some monospace fonts) must not win over the emoji font. */
+  font-variant-emoji: emoji;
 }
 /* `margin-left: auto` (not `justify-content: space-between` on the
    header) so this cluster still lands at the right edge even on the