diff --git a/solidui-web/src/pages/Designer/Properties/page/PagePagePropertiesPanel.tsx b/solidui-web/src/pages/Designer/Properties/page/PagePagePropertiesPanel.tsx
index 3149ef2..ed5f81e 100644
--- a/solidui-web/src/pages/Designer/Properties/page/PagePagePropertiesPanel.tsx
+++ b/solidui-web/src/pages/Designer/Properties/page/PagePagePropertiesPanel.tsx
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { isNil } from "lodash-es";
 import { PropertyElement, InputNumber } from "@/components";
 import { mm, eventbus } from "@/utils";
@@ -23,11 +23,25 @@ import { mm, eventbus } from "@/utils";
 export default function PagePagePropertiesPanel() {
 	const page = mm.getCurrentPage();
 
-	const [size] = useState<{ width: number; height: number }>({
+	const [size, setSize] = useState<{ width: number; height: number }>({
 		width: page?.size.width || 1024,
 		height: page?.size.height || 768,
 	});
 
+	useEffect(() => {
+		const onSelectPage = () => {
+			const page = mm.getCurrentPage();
+			setSize({
+				width: page?.size.width || 1024,
+				height: page?.size.height || 768,
+			});
+		};
+		eventbus.on("onSelectPage", onSelectPage);
+		return () => {
+			eventbus.off("onSelectPage", onSelectPage);
+		};
+	}, []);
+
 	return (
 		<>
 			<PropertyElement label="Width" labelWidth={50}>
@@ -45,6 +59,7 @@ export default function PagePagePropertiesPanel() {
 							width: value,
 							height: page.size.height,
 						};
+						setSize(page.size);
 						eventbus.emit("onPageWidthChange", {
 							value,
 						});
@@ -67,6 +82,7 @@ export default function PagePagePropertiesPanel() {
 							width: page.size.width,
 							height: value,
 						};
+						setSize(page.size);
 						eventbus.emit("onPageHeightChange", {
 							value,
 						});