diff --git a/src/pages/editor/components/EditorCanvas.tsx b/src/pages/editor/components/EditorCanvas.tsx
index 02d11bc..2242a46 100644
--- a/src/pages/editor/components/EditorCanvas.tsx
+++ b/src/pages/editor/components/EditorCanvas.tsx
@@ -151,8 +151,16 @@ const EditorCanvas = () => {
   }, [selectedObjectId, objects, transformerRef, applyTableResize, updateObject]);
 
   return (
-    <div className="flex-1 flex items-center justify-center bg-gray-100 overflow-hidden">
-      <div className="shadow-lg" style={{ transform: `scale(${stageSize.scale})`, transformOrigin: 'center center' }}>
+    <div className="flex-1 flex justify-center bg-gray-100 pb-8 overflow-auto">
+      <div
+        className="shadow-lg mt-8"
+        style={{
+          transform: `scale(${stageSize.scale})`,
+          transformOrigin: 'top center',
+          height: `${stageSize.height * stageSize.scale}px`,
+          width: `${stageSize.width * stageSize.scale}px`
+        }}
+      >
         <Stage
           ref={stageRef}
           width={stageSize.width}