diff --git a/core/core-frontend/src/pages/panel/DashboardPreview.vue b/core/core-frontend/src/pages/panel/DashboardPreview.vue
index 99b8bfdb91..e3e641e8f7 100644
--- a/core/core-frontend/src/pages/panel/DashboardPreview.vue
+++ b/core/core-frontend/src/pages/panel/DashboardPreview.vue
@@ -69,7 +69,7 @@ onBeforeMount(async () => {
 
 <style lang="less" scoped>
 .dashboard-preview {
-  width: 1000px;
-  height: 800px;
+  width: 100%;
+  height: 100%;
 }
 </style>