diff --git a/editor/svg-editor.html b/editor/svg-editor.html
index cb4ec16f..3715e52d 100644
--- a/editor/svg-editor.html
+++ b/editor/svg-editor.html
@@ -59,6 +59,14 @@
 			<option value="15">15</option>
 			<option value="20">20</option>
 		</select>
+		<label class="rect_tool">X:</label>
+		<input id="rect_x" class="rect_tool" title="Change rectangle X coordinate" alt="X" size="5" disabled/>
+		<label class="rect_tool">Y:</label>
+		<input id="rect_y" class="rect_tool" title="Change rectangle Y coordinate" alt="Y" size="5" disabled/>
+		<label class="rect_tool">W:</label>
+		<input id="rect_w" class="rect_tool" title="Change rectangle width" alt="width" size="5" disabled/>
+		<label class="rect_tool">H:</label>
+		<input id="rect_h" class="rect_tool" title="Change rectangle height" alt="height" size="5" disabled/>
 	</div>
 
 	<!-- TODO: add a circle_panel, ellipse_panel, line_panel -->
diff --git a/editor/svg-editor.js b/editor/svg-editor.js
index 64773f8f..6e33236e 100644
--- a/editor/svg-editor.js
+++ b/editor/svg-editor.js
@@ -99,6 +99,10 @@ function svg_edit_setup() {
 				case "rect":
 					$('#rect_panel').show().css("display", "inline");
 					$('#rect_radius').val(elem.getAttribute("rx")||0);
+					$('#rect_x').val(elem.getAttribute("x")||0);
+					$('#rect_y').val(elem.getAttribute("y")||0);
+					$('#rect_w').val(elem.getAttribute("width")||0);
+					$('#rect_h').val(elem.getAttribute("height")||0);
 					break;
 				case "text":
 					// jquery's show() always sets display to block