diff --git a/public/lobster-pixel.png b/public/lobster-pixel.png
new file mode 100644
index 0000000..8efafe6
Binary files /dev/null and b/public/lobster-pixel.png differ
diff --git a/public/lobster-smoke.png b/public/lobster-smoke.png
new file mode 100644
index 0000000..4fc543f
Binary files /dev/null and b/public/lobster-smoke.png differ
diff --git a/src/components/monitor/CrabNode.tsx b/src/components/monitor/CrabNode.tsx
index ad031e1..e53b884 100644
--- a/src/components/monitor/CrabNode.tsx
+++ b/src/components/monitor/CrabNode.tsx
@@ -1,6 +1,5 @@
 import { Handle, Position } from '@xyflow/react'
 import { motion } from 'framer-motion'
-import { CrabIdleAnimation } from '~/components/ani'
 
 interface CrabNodeProps {
   data: { active: boolean }
@@ -30,15 +29,21 @@ export function CrabNode({ data }: CrabNodeProps) {
         }}
       />
 
-      {/* Animated crab */}
+      {/* Lobster icon */}
       <div className="relative z-10 crab-icon-glow">
-        <CrabIdleAnimation className="w-20 h-20" />
+        <img
+          src="/lobster-smoke.png"
+          alt=""
+          className="w-24 h-24 rounded-full opacity-80 hover:opacity-100 transition-opacity duration-300 animate-pulse"
+          style={{ imageRendering: 'pixelated' }}
+          draggable={false}
+        />
       </div>
 
       <Handle
         type="source"
         position={Position.Bottom}
-        className="bg-crab-500! w-4! h-4! border-2! border-shell-900!"
+        className="bg-crab-500! w-4! h-4! border-2! border-shell-900! z-10"
         style={{
           boxShadow: '0 0 10px rgba(239, 68, 68, 0.5)',
         }}
diff --git a/src/components/monitor/SessionList.tsx b/src/components/monitor/SessionList.tsx
index bf2939e..828ac15 100644
--- a/src/components/monitor/SessionList.tsx
+++ b/src/components/monitor/SessionList.tsx
@@ -84,7 +84,7 @@ export function SessionList({
       <div className="relative p-3 border-b-2 border-shell-700 bg-shell-950/50">
         <div className="flex items-center justify-between mb-3">
           {!collapsed && (
-            <h2 className="font-mono uppercase text-md text-crab-400 glow-red tracking-wider ml-1">
+            <h2 className="font-mono uppercase text-sm text-crab-400 glow-red tracking-wider ml-1">
               Sessions
             </h2>
           )}
diff --git a/src/components/monitor/SettingsPanel.tsx b/src/components/monitor/SettingsPanel.tsx
index a1e2741..b5667e5 100644
--- a/src/components/monitor/SettingsPanel.tsx
+++ b/src/components/monitor/SettingsPanel.tsx
@@ -69,7 +69,7 @@ export function SettingsPanel({
 
               {/* Header */}
               <div className="relative flex items-center justify-between mb-3">
-                <h2 className="font-mono uppercase text-md text-crab-400 glow-red tracking-wider">
+                <h2 className="font-mono uppercase text-sm text-crab-400 glow-red tracking-wider">
                   SETTINGS
                 </h2>
                 <button