diff --git a/ui/packages/editor/src/extensions/columns/column.ts b/ui/packages/editor/src/extensions/columns/column.ts
index 8c9439a0ec..71b80dd18a 100644
--- a/ui/packages/editor/src/extensions/columns/column.ts
+++ b/ui/packages/editor/src/extensions/columns/column.ts
@@ -21,7 +21,7 @@ const Column = Node.create({
         parseHTML: (element) => element.getAttribute("index"),
       },
       style: {
-        default: "min-width: 0;padding: 12px;flex: 1 1;box-sizing: border-box;",
+        default: "min-width: 0;flex: 1 1;box-sizing: border-box;",
         parseHTML: (element) => element.getAttribute("style"),
       },
     };
diff --git a/ui/packages/editor/src/extensions/columns/columns.ts b/ui/packages/editor/src/extensions/columns/columns.ts
index bda608bf0a..169238770b 100644
--- a/ui/packages/editor/src/extensions/columns/columns.ts
+++ b/ui/packages/editor/src/extensions/columns/columns.ts
@@ -322,7 +322,7 @@ const Columns = Node.create({
         parseHTML: (element) => element.getAttribute("cols"),
       },
       style: {
-        default: "display: flex;width: 100%;grid-gap: 8px;gap: 8px;",
+        default: "display: flex;width: 100%;gap: 1em;",
         parseHTML: (element) => element.getAttribute("style"),
       },
     };
diff --git a/ui/packages/editor/src/styles/columns.scss b/ui/packages/editor/src/styles/columns.scss
index c4bfea83c5..1402ed1d8d 100644
--- a/ui/packages/editor/src/styles/columns.scss
+++ b/ui/packages/editor/src/styles/columns.scss
@@ -7,6 +7,7 @@
         border: 1px solid #e7e9e8;
         border-radius: 6px;
         position: relative;
+        padding: 16px;
       }
     }
   }