diff --git a/code/frontend/src/components/LobsterRiver/index.js b/code/frontend/src/components/LobsterRiver/index.js
index c828e35..d877512 100644
--- a/code/frontend/src/components/LobsterRiver/index.js
+++ b/code/frontend/src/components/LobsterRiver/index.js
@@ -130,7 +130,7 @@ function LobsterRiver({ agents, onRefresh, onAgentToRiver, onAgentFromRiver }) {
               onMouseLeave={() => setHoveredAgent(null)}
               title={agent.name}
             >
-              <span className="agent-emoji lobster-body">🦞</span>
+              <img src="https://xjp.datalibstar.com/flying-hero/lobster-monitor/raw/branch/main/logo.png" alt="lobster" className="lobster-body-image" />
               <span className="agent-emoji agent-badge">{agent.emoji}</span>
               {hoveredAgent === agent.id && (
                 <span className="agent-name-tooltip">{agent.name}</span>
@@ -269,11 +269,12 @@ function LobsterRiver({ agents, onRefresh, onAgentToRiver, onAgentFromRiver }) {
 
         .agent-emoji {
         .lobster-body {
-          font-size: 2.5em;
+          font-size: 3em;
           filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
         }
 
         .agent-badge {
+          font-size: 0.6em;
           position: absolute;
           bottom: -5px;
           right: -5px;