fixed rotation handle placement when rotated

1 files changed, 3 insertions, 5 deletions

diff --git a/src/client/views/DocumentDecorations.tsx b/src/client/views/DocumentDecorations.tsx
index 7a9f6c514..2b7050cf0 100644
--- a/src/client/views/DocumentDecorations.tsx
+++ b/src/client/views/DocumentDecorations.tsx
@@ -906,11 +906,9 @@ export class DocumentDecorations extends ObservableReactComponent<DocumentDecora
                                 <div
                                     style={{
                                         position: 'absolute',
-                                        transform: `rotate(${rotation}deg)`,
-                                        width: this.Bounds.r - this.Bounds.x + 'px',
-                                        height: this.Bounds.b - this.Bounds.y + 'px',
-                                        left: this.Bounds.r,
-                                        top: this.Bounds.b,
+                                        transform: `translate(${bounds.x - this._resizeBorderWidth}px, ${bounds.y - this._resizeBorderWidth}px) rotate(${rotation}deg)`,
+                                        width: bounds.r - bounds.x + 2 * this._resizeBorderWidth + 'px',
+                                        height: bounds.b - bounds.y + 2 * this._resizeBorderWidth + 'px',
                                         pointerEvents: 'none',
                                     }}>
                                     {this._isRotating ? null : (