diff --git a/package-lock.json b/package-lock.json
index 2d8092ab..94014e71 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -42,7 +42,7 @@
         "multer": "^1.4.2",
         "mustache-express": "^1.3.0",
         "neuroweblab": "github:neuroanatomy/neuroweblab",
-        "nwl-components": "^1.0.0",
+        "nwl-components": "^1.0.5",
         "pako": "^1.0.11",
         "passport": "^0.4.1",
         "passport-github": "^1.1.0",
@@ -8688,9 +8688,9 @@
       }
     },
     "node_modules/nwl-components": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/nwl-components/-/nwl-components-1.0.0.tgz",
-      "integrity": "sha512-lQNIuZnZs5MQGs7wIcr9dzmp6RvTkx2/xHMLZH/nAvWr6MhAPN2uXPYNyqB4mLUQlSTRvESrHR67dPSJw9NEVQ==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/nwl-components/-/nwl-components-1.0.5.tgz",
+      "integrity": "sha512-6z77UCuhXV/c0339DIfsemb0vgMTQ54wwXKP6jemo+X12jTNHa4RDiIEdESmRZJQfrUYaiQ83HgbJ40NQ9GrOQ==",
       "dependencies": {
         "dompurify": "^2.3.6",
         "jdenticon": "^3.1.1",
@@ -19846,9 +19846,9 @@
       }
     },
     "nwl-components": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/nwl-components/-/nwl-components-1.0.0.tgz",
-      "integrity": "sha512-lQNIuZnZs5MQGs7wIcr9dzmp6RvTkx2/xHMLZH/nAvWr6MhAPN2uXPYNyqB4mLUQlSTRvESrHR67dPSJw9NEVQ==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/nwl-components/-/nwl-components-1.0.5.tgz",
+      "integrity": "sha512-6z77UCuhXV/c0339DIfsemb0vgMTQ54wwXKP6jemo+X12jTNHa4RDiIEdESmRZJQfrUYaiQ83HgbJ40NQ9GrOQ==",
       "requires": {
         "dompurify": "^2.3.6",
         "jdenticon": "^3.1.1",
diff --git a/package.json b/package.json
index 7a7107e7..24e06b65 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,7 @@
     "multer": "^1.4.2",
     "mustache-express": "^1.3.0",
     "neuroweblab": "github:neuroanatomy/neuroweblab",
-    "nwl-components": "^1.0.0",
+    "nwl-components": "^1.0.5",
     "pako": "^1.0.11",
     "passport": "^0.4.1",
     "passport-github": "^1.1.0",
diff --git a/view/brainbox/src/components/ProjectPage.vue b/view/brainbox/src/components/ProjectPage.vue
index 380435d8..af1ea89b 100644
--- a/view/brainbox/src/components/ProjectPage.vue
+++ b/view/brainbox/src/components/ProjectPage.vue
@@ -26,7 +26,7 @@
         @on-close="displayOntology = false"
         @label-click="handleOntologyLabelClick"
       />
-      <Editor :title="title">
+      <Editor :title="title" :dense="!displayChat && !displayScript">
         <template v-slot:tools>
           <Tools />
         </template>
@@ -87,6 +87,8 @@ const {
   title,
   displayAdjustSettings,
   displayOntology,
+  displayChat,
+  displayScript,
   currentLabel,
   ontology,
   currentView,
diff --git a/view/brainbox/src/components/Tools.vue b/view/brainbox/src/components/Tools.vue
index acaba863..68161d8f 100644
--- a/view/brainbox/src/components/Tools.vue
+++ b/view/brainbox/src/components/Tools.vue
@@ -182,7 +182,7 @@
     </ButtonsGroup>
   </Row>
 
-  <Row style="flex-grow: 1">
+  <Row style="flex: 1; min-height:60px; margin: 0 0 30px">
     <div class="text">
       <Chat
         v-if="displayChat"
@@ -234,11 +234,11 @@ const {
   currentPenSize,
   totalSlices,
   fullscreen,
+  displayChat,
+  displayScript
 } = useVisualization();
 const doFill = ref(false);
 const usePreciseCursor = ref(false);
-const displayChat = ref(true);
-const displayScript = ref(false);
 const icons = requireIconsMap();
 
 const sliceChange = (slice) => {
@@ -359,4 +359,26 @@ button img.icon {
 :deep(button) {
   flex-grow: 1;
 }
+
+:deep #logScript {
+  height: 100%;
+}
+</style>
+
+<style>
+.resizable-component:after {
+    content: "";
+    display: block;
+    right: 0;
+    bottom: 0;
+    position: absolute;
+    z-index: 100;
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACC2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjE8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlBob3RvbWV0cmljSW50ZXJwcmV0YXRpb24+MjwvdGlmZjpQaG90b21ldHJpY0ludGVycHJldGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KD0UqkwAAACJJREFUCB1jYMABPn/+/B+rFA0l4EbDGVAXwPlwBroEkA8ARSMmcY29DXYAAAAASUVORK5CYII=");
+    background-position: bottom right;
+    background-repeat: no-repeat;
+    pointer-events: none;
+    opacity: 0.6;
+    width: 7px;
+    height: 7px;
+}
 </style>
diff --git a/view/brainbox/src/store/visualization.js b/view/brainbox/src/store/visualization.js
index 8021e318..e195f09a 100644
--- a/view/brainbox/src/store/visualization.js
+++ b/view/brainbox/src/store/visualization.js
@@ -10,6 +10,8 @@ const state = reactive({
   receivedMessages: [],
   displayAdjustSettings: false,
   displayOntology: false,
+  displayChat: true,
+  displayScript: false,
   ontology: null,
   currentLabel: 0,
   currentFile: null,