diff --git a/flow-graph/src/components/FlowGraph.vue b/flow-graph/src/components/FlowGraph.vue
index be7eaad70..c523df28e 100644
--- a/flow-graph/src/components/FlowGraph.vue
+++ b/flow-graph/src/components/FlowGraph.vue
@@ -72,7 +72,6 @@
 
     .sider {
       position: relative;
-
       z-index: 4;
       border: 1px solid rgb(0 0 0 / 8%);
       background-color: #f7f9fb;
diff --git a/flow-graph/src/components/NodesBar/index.vue b/flow-graph/src/components/NodesBar/index.vue
index 7164a4777..9349233bd 100644
--- a/flow-graph/src/components/NodesBar/index.vue
+++ b/flow-graph/src/components/NodesBar/index.vue
@@ -98,6 +98,7 @@
 </script>
 
 <style lang="less" scoped>
+
   .title {
     text-align: center;
     height: 38px;
@@ -108,6 +109,9 @@
   }
   .context {
     margin: 10px;
+    width: 200px;
+    height: 900px;
+    overflow: auto;
 
     .tab-pane {
       margin-top: 10px;
diff --git a/flow-graph/src/models/X6FlowGraph.ts b/flow-graph/src/models/X6FlowGraph.ts
index 7e322969a..59c0a04df 100644
--- a/flow-graph/src/models/X6FlowGraph.ts
+++ b/flow-graph/src/models/X6FlowGraph.ts
@@ -183,7 +183,7 @@ export class X6FlowGraph implements FlowGraph {
     if (opt !== OptEnum.CREATE) {
       this.initGraphCells();
     }
-    this.graph.resize(document.body.offsetWidth, document.body.offsetHeight);
+    this.graph.resize(document.body.offsetWidth, document.body.offsetHeight * 0.85);
   }
 
   public addEdge(rillEdge: Edge) {