diff --git a/shared/components/rstack-space-settings.ts b/shared/components/rstack-space-settings.ts
index 2b3b86c..2d96456 100644
--- a/shared/components/rstack-space-settings.ts
+++ b/shared/components/rstack-space-settings.ts
@@ -115,15 +115,22 @@ export class RStackSpaceSettings extends HTMLElement {
 		if (this._open) this.close(); else this.open();
 	}
 
-	/** Position the panel below the settings button, right-aligned. */
+	/** Position the panel below the settings button, left-aligned with screen clamping. */
 	private _positionPanel() {
 		const panel = this.shadowRoot?.querySelector(".panel") as HTMLElement | null;
 		const btn = document.getElementById("settings-btn");
 		if (!panel || !btn) return;
 		const rect = btn.getBoundingClientRect();
+		const panelWidth = Math.min(380, window.innerWidth * 0.9);
+		// Align panel's left edge with the button, but clamp so it stays on screen
+		let left = rect.left;
+		if (left + panelWidth > window.innerWidth - 8) {
+			left = window.innerWidth - panelWidth - 8;
+		}
+		if (left < 8) left = 8;
 		panel.style.top = `${rect.bottom + 6}px`;
-		panel.style.right = `${window.innerWidth - rect.right}px`;
-		panel.style.left = "auto";
+		panel.style.left = `${left}px`;
+		panel.style.right = "auto";
 	}
 
 	private async _loadData() {