diff --git a/resources/assets/js/home/LegacyFrame.vue b/resources/assets/js/home/LegacyFrame.vue
index e65e2595f..4b4625eea 100644
--- a/resources/assets/js/home/LegacyFrame.vue
+++ b/resources/assets/js/home/LegacyFrame.vue
@@ -19,11 +19,12 @@ export default {
     pageUri: String,
   },
   mounted() {
-    this.height = window.innerHeight - this.diffHeight;
+    this.height = `${window.innerHeight - this.diffHeight}px`;
+    window.addEventListener('resize', this.autoResizeFrame);
   },
   data() {
     return {
-      height: "100%",
+      height: "0px",
       width: "100%",
       diffHeight: 10
     };
@@ -32,6 +33,11 @@ export default {
     classBtn(cls) {
       return "btn v-btn-request " + cls;
     },
+    autoResizeFrame(event) {
+      event.preventDefault();
+      this.height = `${window.innerHeight - this.diffHeight}px`;
+      event.stopPropagation();
+    },
   },
 };
 </script>