diff --git a/app/components/SimpleEditor/notesEditor/notesEditor.scss b/app/components/SimpleEditor/notesEditor/notesEditor.scss
index 77af475db3483255663866ea1998ebffbfebfac2..bcb06b8fb66ef830de3d142794c3e0dab69138aa 100644
--- a/app/components/SimpleEditor/notesEditor/notesEditor.scss
+++ b/app/components/SimpleEditor/notesEditor/notesEditor.scss
@@ -1,62 +1,52 @@
-$red: #ff0000;
 $background: #fff;
 
-.notes-container {
-  .sc-notes-editor {
-    margin-top: 6px;
 
-    .se-toolbar-wrapper {
-      position: absolute;
-      z-index: 9999;
+.sc-notes-editor {
+  margin-top: 6px;
 
-      .sc-toolbar {
-        background-color: $background;
-        border: 0;
-        float: left;
-        width: 100px;
+  .se-toolbar-wrapper {
+    position: absolute;
+    z-index: 9999;
+
+    .sc-toolbar {
+      background-color: $background;
+      border: 0;
+      float: left;
+      width: 100px;
 
-     }
    }
+ }
+
+  .se-scrollable {
+    background: $background;
+    margin: 0% 0% 5%;
+    min-height: 135px;
+
+   div.se-content {
+     background: $background;
+     box-shadow: none;
+     margin: 0;
+     min-height: 110px;
+     padding: 3% 0 0 3%;
+
+     .sc-isolated-node,
+     .sc-isolated-node.sm-default-style.sm-selected,
+     .sc-isolated-node.sm-default-style.sm-co-selected,
+     .sc-isolated-node.sm-default-style.sm-focused {
+       border-bottom: 0 ;
+       outline: none;
+       padding: 0 0 8px 5px;
+     }
+
+     .sc-isolated-node .sc-text-property::before {
+      content: ''counter(note-footer)'. ';
+      counter-increment: note-footer;
+      left: -40px;
+      position: absolute;
+      }
 
-    .se-scrollable {
-      background: $background;
-      margin: 0% 0% 5%;
-      min-height: 135px;
-
-     div.se-content {
-       background: $background;
-       box-shadow: none;
-       margin: 0;
-       min-height: 110px;
-       padding: 3% 0 0 3%;
-
-       .sc-isolated-node,
-       .sc-isolated-node.sm-default-style.sm-selected,
-       .sc-isolated-node.sm-default-style.sm-co-selected,
-       .sc-isolated-node.sm-default-style.sm-focused {
-         border-bottom: 0 ;
-         outline: none;
-         padding: 0 0 8px 5px;
-       }
-
-       .sc-isolated-node .sc-text-property::before {
-        content: ''counter(note-footer)'. ';
-        counter-increment: note-footer;
-        left: -40px;
-        position: absolute;
-        }
-
-       .sc-container-editor {
-         padding: 0;
-       }
-
-       .sc-comment-pane-list {
-         margin-left: 2.5%;
-         li {
-           max-width: 50%;
-           min-width: 50%;
-         }
-       }
+     .sc-container-editor {
+       padding: 0;
      }
    }
  }
diff --git a/app/components/SimpleEditor/panes/Notes/notes.scss b/app/components/SimpleEditor/panes/Notes/notes.scss
index 45b2af303aaf39c6f42180d2c4b05f966f8c5384..38306a1bff4c4e07a97f831689eb4bbb2b0d8f5f 100644
--- a/app/components/SimpleEditor/panes/Notes/notes.scss
+++ b/app/components/SimpleEditor/panes/Notes/notes.scss
@@ -1,5 +1,7 @@
 $white: #fff;
 $light-blue: #e4f0ff;
+$black: #000;
+$bg-rgba: rgba(255, 255, 255, 0);
 
 .notes-container {
   background-color: $white;
@@ -14,10 +16,10 @@ $light-blue: #e4f0ff;
   z-index: 0;
 
   .resize-area {
-    background-image: linear-gradient(to right, #000 30%, rgba(255, 255, 255, 0) 0%);
+    background-image: linear-gradient(to right, $black 30%, $bg-rgba  0%);
     background-position: top;
-    background-size: 10px 1px;
     background-repeat: repeat-x;
+    background-size: 10px 1px;
     cursor: row-resize;
     height: 6px;
     position: absolute;