diff --git a/src/web/public/app.js b/src/web/public/app.js
index 66462bf4..817394b3 100644
--- a/src/web/public/app.js
+++ b/src/web/public/app.js
@@ -2127,10 +2127,10 @@ class ClaudemanApp {
     // Handle collapsed/expanded state
     if (this.innerStatePanelCollapsed) {
       panel.classList.add('collapsed');
-      if (toggle) toggle.innerHTML = '▶';
+      if (toggle) toggle.innerHTML = '◀'; // Left arrow when collapsed
     } else {
       panel.classList.remove('collapsed');
-      if (toggle) toggle.innerHTML = '▼';
+      if (toggle) toggle.innerHTML = '▲'; // Up arrow when expanded
 
       // Update expanded view content
       this.updateRalphExpandedView(state);
diff --git a/src/web/public/index.html b/src/web/public/index.html
index 482d2829..f98dd969 100644
--- a/src/web/public/index.html
+++ b/src/web/public/index.html
@@ -96,7 +96,7 @@
             <span class="ralph-stat"><span class="ralph-stat-icon">&#x21BB;</span><span id="ralphStatCycles">0</span></span>
             <span class="ralph-stat"><span class="ralph-stat-icon">&#x2713;</span><span id="ralphStatTasks">0/0</span></span>
           </div>
-          <span class="ralph-toggle" id="ralphToggle">&#x25B6;</span>
+          <span class="ralph-toggle" id="ralphToggle">&#x25C0;</span>
         </div>
         <div class="ralph-controls">
           <button class="btn-icon-sm" onclick="event.stopPropagation(); app.toggleRalphDetach()" title="Detach/Attach panel" id="ralphDetachBtn">&#x29C9;</button>