3 files changed, 36 insertions, 30 deletions
diff --git a/src/client/views/EditableView.scss b/src/client/views/EditableView.scss
new file mode 100644
index 000000000..be3c5069a
--- /dev/null
+++ b/src/client/views/EditableView.scss
@@ -0,0 +1,6 @@
+.editableView-container-editing {
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    hyphens: auto;
+    max-width: 300px;
+}
+\ No newline at end of file
diff --git a/src/client/views/EditableView.tsx b/src/client/views/EditableView.tsx
index 84b1b91c3..757bfeae6 100644
--- a/src/client/views/EditableView.tsx
+++ b/src/client/views/EditableView.tsx
@@ -1,6 +1,7 @@
 import React = require('react')
 import { observer } from 'mobx-react';
 import { observable, action } from 'mobx';
+import "./EditableView.scss"
 
 export interface EditableProps {
     /**
diff --git a/src/client/views/collections/CollectionTreeView.scss b/src/client/views/collections/CollectionTreeView.scss
index c2b376a34..fa0f1c761 100644
--- a/src/client/views/collections/CollectionTreeView.scss
+++ b/src/client/views/collections/CollectionTreeView.scss
@@ -1,62 +1,61 @@
 @import "../global_variables";
-
 #body {
-  padding: 20px;
-  background: $light-color-secondary;
-  font-size: 13px;
-  overflow: scroll;
+    padding: 20px;
+    background: $light-color-secondary;
+    font-size: 13px;
+    overflow: scroll;
 }
 
 ul {
-  list-style: none;
-  padding-left: 20px;
+    list-style: none;
+    padding-left: 20px;
 }
 
 li {
-  margin: 5px 0;
+    margin: 5px 0;
 }
 
 .collection-child {
-  margin-top: 10px;
-  margin-bottom: 10px;
+    margin-top: 10px;
+    margin-bottom: 10px;
 }
 
 .no-indent {
-  padding-left: 0;
+    padding-left: 0;
 }
 
 .bullet {
-  width: 1.5em;
-  display: inline-block;
-  color: $intermediate-color;
+    width: 1.5em;
+    display: inline-block;
+    color: $intermediate-color;
 }
 
 .coll-title {
-  font-size: 24px;
-  margin-bottom: 20px;
+    font-size: 24px;
+    margin-bottom: 20px;
 }
 
 .collectionTreeView-dropTarget {
-  border: 0px solid transparent;
-  border-radius: $border-radius;
-  box-sizing: border-box;
-  height: 100%;
+    border: 0px solid transparent;
+    border-radius: $border-radius;
+    box-sizing: border-box;
+    height: 100%;
 }
 
 .docContainer {
-  display: inline-table;
+    display: inline-table;
 }
 
 .docContainer:hover {
-  .delete-button {
-    display: inline;
-  }
+    .delete-button {
+        display: inline;
+    }
 }
 
 .delete-button {
-  color: $intermediate-color;
-  float: right;
-  margin-left: 15px;
-  margin-top: 3px;
-  display: none;
-}
+    color: $intermediate-color;
+    float: right;
+    margin-left: 15px;
+    margin-top: 3px;
+    display: none;
+}
+\ No newline at end of file