diff --git a/libs/plugins-runtime/src/lib/assets/resize.svg b/libs/plugins-runtime/src/lib/assets/resize.svg
new file mode 100644
index 0000000..956459c
--- /dev/null
+++ b/libs/plugins-runtime/src/lib/assets/resize.svg
@@ -0,0 +1 @@
+<svg width="15.094" xmlns="http://www.w3.org/2000/svg" height="15.109" viewBox="-0.01 -0.01 15.094 15.109" fill="none"><g data-testid="Group"><g data-testid="Path"><path d="M.01 15.011 15.015-.01" class="fills"/><g class="strokes"><path d="M.01 15.011 15.015-.01" style="fill: none; stroke-width: 1; stroke: rgb(111, 111, 111); stroke-opacity: 1; stroke-linecap: round;" class="stroke-shape"/></g></g><g data-testid="Path"><path d="m10.558 13.769 3.166-3.207" class="fills"/><g class="strokes"><path d="m10.558 13.769 3.166-3.207" style="fill: none; stroke-width: 1; stroke: rgb(111, 111, 111); stroke-opacity: 1; stroke-linecap: round;" class="stroke-shape"/></g></g><g data-testid="Path"><path d="M4.601 15.093 15.069 4.559" class="fills"/><g class="strokes"><path d="M4.601 15.093 15.069 4.559" style="fill: none; stroke-width: 1; stroke: rgb(111, 111, 111); stroke-opacity: 1; stroke-linecap: round;" class="stroke-shape"/></g></g></g></svg>
\ No newline at end of file
diff --git a/libs/plugins-runtime/src/lib/create-modal.ts b/libs/plugins-runtime/src/lib/create-modal.ts
index 0df0911..d32f0fe 100644
--- a/libs/plugins-runtime/src/lib/create-modal.ts
+++ b/libs/plugins-runtime/src/lib/create-modal.ts
@@ -20,19 +20,24 @@ export function createModal(
 
   const initialPosition = {
     blockStart: 40,
-    inlineEnd: 320,
+    // To be able to resize the element as expected the position must be absolute from the right.
+    // This value is the length of the window minus the width of the element plus the width of the design tab.
+    inlineStart: window.innerWidth - defaultWidth - 270,
   };
 
+  console.log(initialPosition.inlineStart);
+  console.log(window.innerWidth, defaultWidth);
+
   modal.style.setProperty(
     '--modal-block-start',
     `${initialPosition.blockStart}px`
   );
   modal.style.setProperty(
-    '--modal-inline-end',
-    `${initialPosition.inlineEnd}px`
+    '--modal-inline-start',
+    `${initialPosition.inlineStart}px`
   );
 
-  const maxWidth = window.innerWidth - initialPosition.inlineEnd;
+  const maxWidth = window.innerWidth - initialPosition.inlineStart;
   const maxHeight = window.innerHeight - initialPosition.blockStart;
   let width = Math.min(options?.width || defaultWidth, maxWidth);
   let height = Math.min(options?.height || defaultHeight, maxHeight);
diff --git a/libs/plugins-runtime/src/lib/drag-handler.ts b/libs/plugins-runtime/src/lib/drag-handler.ts
index 623d9d7..dad4b2b 100644
--- a/libs/plugins-runtime/src/lib/drag-handler.ts
+++ b/libs/plugins-runtime/src/lib/drag-handler.ts
@@ -10,7 +10,7 @@ export const dragHandler = (el: HTMLElement, target: HTMLElement = el, move?: ()
 
     currentTranslate = { x: deltaX, y: deltaY };
 
-    target.style.transform = `translate(${deltaX}px, ${deltaY}px) scale(-1, 1)`;
+    target.style.transform = `translate(${deltaX}px, ${deltaY}px)`;
 
     move?.();
   };
diff --git a/libs/plugins-runtime/src/lib/modal/plugin.modal.css b/libs/plugins-runtime/src/lib/modal/plugin.modal.css
index 1ee63ee..70ab0a3 100644
--- a/libs/plugins-runtime/src/lib/modal/plugin.modal.css
+++ b/libs/plugins-runtime/src/lib/modal/plugin.modal.css
@@ -25,13 +25,21 @@
   color: var(--color-foreground-secondary);
 }
 
+::-webkit-resizer {
+  display: none;
+  /* background-image: url('../assets/resize.svg');
+  position: relative;
+  inset-block-end: 10px;
+  inset-inline-end: 10px; */
+}
+
 .wrapper {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   position: absolute;
   inset-block-start: var(--modal-block-start);
-  inset-inline-end: var(--modal-inline-end);
+  inset-inline-start: var(--modal-inline-start);
   z-index: 1000;
   padding: 10px;
   border-radius: 15px;
@@ -41,13 +49,23 @@
   min-inline-size: 25px;
   min-block-size: 200px;
   resize: both;
-  transform: scale(-1, 1);
+  cursor: se-resize;
+  &:after {
+    content: '';
+    inline-size: 1rem;
+    block-size: 1rem;
+    background-image: url('../assets/resize.svg');
+    background-position: center;
+    right: 5px;
+    bottom: 5px;
+    pointer-events: none;
+    position: absolute;
+  }
 }
 
 .inner {
-  padding: 10px; 
-  cursor:grab;
-  transform: scale(-1, 1);
+  padding: 10px;
+  cursor: grab;
 }
 
 .header {