diff --git a/website/canvas.html b/website/canvas.html
index 3e3cd06..a9c2ff8 100644
--- a/website/canvas.html
+++ b/website/canvas.html
@@ -1867,7 +1867,7 @@
 		</div>
 
 		<div id="toolbar">
-			<button id="toolbar-collapse" title="Minimize toolbar"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg></button>
+			<button id="toolbar-collapse" title="Minimize toolbar"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><line x1="6" y1="18" x2="18" y2="18"/></svg></button>
 
 			<!-- 1. Note -->
 			<div class="toolbar-group">
@@ -5128,11 +5128,11 @@
 
 			// Collapse/expand toolbar
 			const collapseBtn = document.getElementById("toolbar-collapse");
-			const chevronSVG = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>';
+			const minimizeSVG = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><line x1="6" y1="18" x2="18" y2="18"/></svg>';
 			const wrenchSVG = '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>';
 			collapseBtn.addEventListener("click", () => {
 				const isCollapsed = toolbarEl.classList.toggle("collapsed");
-				collapseBtn.innerHTML = isCollapsed ? wrenchSVG : chevronSVG;
+				collapseBtn.innerHTML = isCollapsed ? wrenchSVG : minimizeSVG;
 				collapseBtn.title = isCollapsed ? "Expand toolbar" : "Minimize toolbar";
 			});