diff --git a/services/web/frontend/js/features/file-tree/controllers/file-tree-controller.js b/services/web/frontend/js/features/file-tree/controllers/file-tree-controller.js
index 57c7e7f3d3..0dd9a50f73 100644
--- a/services/web/frontend/js/features/file-tree/controllers/file-tree-controller.js
+++ b/services/web/frontend/js/features/file-tree/controllers/file-tree-controller.js
@@ -58,6 +58,8 @@ App.controller('ReactFileTreeController', function(
       $scope.$emit('entities:multiSelected', {
         count: selectedEntities.length
       })
+    } else {
+      $scope.$emit('entity:no-selection')
     }
   }
 })
diff --git a/services/web/frontend/js/ide/editor/EditorManager.js b/services/web/frontend/js/ide/editor/EditorManager.js
index 47e469b562..142f0fdb86 100644
--- a/services/web/frontend/js/ide/editor/EditorManager.js
+++ b/services/web/frontend/js/ide/editor/EditorManager.js
@@ -48,6 +48,12 @@ export default EditorManager = (function() {
         }
       })
 
+      this.$scope.$on('entity:no-selection', () => {
+        this.$scope.$apply(() => {
+          this.$scope.ui.view = null
+        })
+      })
+
       this.$scope.$on('entity:deleted', (event, entity) => {
         if (this.$scope.editor.open_doc_id === entity.id) {
           if (!this.$scope.project.rootDoc_id) {