diff --git a/ayanova/src/views/ay-report-edit.vue b/ayanova/src/views/ay-report-edit.vue
index 800dc337..ab284ab0 100644
--- a/ayanova/src/views/ay-report-edit.vue
+++ b/ayanova/src/views/ay-report-edit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-resize="onResize">
+  <v-card v-resize="onResize">
     <MonacoEditor
       class="editor"
       v-model="code"
@@ -7,7 +7,7 @@
       :options="monacoOptions"
       :style="editStyle()"
     />
-  </div>
+  </v-card>
   <!-- <gz-report-viewer
     :reportId="$route.params.recordid"
     :ayaType="$route.params.ayatype"
@@ -64,18 +64,11 @@ export default {
   methods: {
     onResize() {
       // this.editAreaHeight = window.innerHeight / 2;
-      this.editAreaHeight = window.innerHeight * 0.9;
+      this.editAreaHeight = window.innerHeight * 0.89;
     },
     editStyle() {
-      return "height: " + this.editAreaHeight + "px;";
+      return "width: 100%;height: " + this.editAreaHeight + "px;";
     }
   }
 };
 </script>
-<style>
-.editor {
-  width: 100%;
-  height: 100%;
-  border: 1px solid grey;
-}
-</style>