diff --git a/src/gridstack.scss b/src/gridstack.scss
index 87629acb5..9ebfd9643 100644
--- a/src/gridstack.scss
+++ b/src/gridstack.scss
@@ -76,14 +76,14 @@ $animation_speed: .3s !default;
   }
 
   > .ui-resizable-ne {
-    @include vendor(transform, translate(0, 10px) rotate(45deg));
+    @include vendor(transform, rotate(45deg));
   }
   > .ui-resizable-sw {
     @include vendor(transform, rotate(45deg));
   }
 
   > .ui-resizable-nw {
-    @include vendor(transform, translate(0, 10px) rotate(-45deg));
+    @include vendor(transform, rotate(-45deg));
   }
   > .ui-resizable-se {
     @include vendor(transform, rotate(-45deg));
diff --git a/src/gridstack.ts b/src/gridstack.ts
index 454fb1759..7bbf204fc 100644
--- a/src/gridstack.ts
+++ b/src/gridstack.ts
@@ -1615,10 +1615,10 @@ export class GridStack {
       // resize handles offset (to match margin)
       Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-n`, `top: ${top};`);
       Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-s`, `bottom: ${bottom}`);
-      Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-ne`, `right: ${right}`);
+      Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-ne`, `right: ${right}; top: ${top}`);
       Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-e`, `right: ${right}`);
       Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-se`, `right: ${right}; bottom: ${bottom}`);
-      Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-nw`, `left: ${left}`);
+      Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-nw`, `left: ${left}; top: ${top}`);
       Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-w`, `left: ${left}`);
       Utils.addCSSRule(this._styles, `${prefix} > .ui-resizable-sw`, `left: ${left}; bottom: ${bottom}`);
     }