diff --git a/website/canvas.html b/website/canvas.html
index 5a2d511..3b1706a 100644
--- a/website/canvas.html
+++ b/website/canvas.html
@@ -117,7 +117,7 @@
#toolbar-panel {
position: fixed;
top: 108px;
- left: calc(68px + 12px + 8px);
+ /* left is set dynamically by openToolbarPanel() */
min-width: 180px;
max-height: calc(100vh - 130px);
background: white;
@@ -2744,6 +2744,12 @@
toolbarEl.querySelectorAll(".toolbar-group").forEach(g => g.classList.remove("open"));
group.classList.add("open");
activeToolbarGroup = group;
+
+ // Position panel to the right of toolbar (no overlap) — desktop only
+ if (window.innerWidth > 768) {
+ const toolbarRect = toolbarEl.getBoundingClientRect();
+ toolbarPanel.style.left = (toolbarRect.right + 8) + "px";
+ }
toolbarPanel.classList.add("panel-open");
}