diff --git a/packages/ui-react/src/page/Page.tsx b/packages/ui-react/src/page/Page.tsx
index 86b9f608..1a8b3ac8 100644
--- a/packages/ui-react/src/page/Page.tsx
+++ b/packages/ui-react/src/page/Page.tsx
@@ -39,7 +39,7 @@ const Page: React.FC<PageProps> = ({ config }) => {
   return (
     <div
       id={`${config.id || ''}`}
-      className={`magic-ui-page${config.className ? ` ${config.className}` : ''}`}
+      className={`magic-ui-page magic-ui-container${config.className ? ` ${config.className}` : ''}`}
       style={app.transformStyle(config.style || {})}
     >
       {config.items?.map((item: MComponent | MContainer) => {
diff --git a/packages/ui-vue2/src/page/Page.vue b/packages/ui-vue2/src/page/Page.vue
index 81837ac8..2a741380 100644
--- a/packages/ui-vue2/src/page/Page.vue
+++ b/packages/ui-vue2/src/page/Page.vue
@@ -1,5 +1,9 @@
 <template>
-  <div :id="config.id" :class="`magic-ui-page${config.className ? ` ${config.className}` : ''}`" :style="style">
+  <div
+    :id="config.id"
+    :class="`magic-ui-page magic-ui-container${config.className ? ` ${config.className}` : ''}`"
+    :style="style"
+  >
     <slot></slot>
     <magic-ui-component v-for="item in config.items" :key="item.id" :config="item"></magic-ui-component>
   </div>
diff --git a/packages/ui/src/page/src/index.vue b/packages/ui/src/page/src/index.vue
index e84d5a34..fdd8dcf1 100644
--- a/packages/ui/src/page/src/index.vue
+++ b/packages/ui/src/page/src/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     :id="`${config.id || ''}`"
-    :class="`magic-ui-page${config.className ? ` ${config.className}` : ''}`"
+    :class="`magic-ui-page magic-ui-container${config.className ? ` ${config.className}` : ''}`"
     :style="style"
   >
     <slot></slot>