diff --git a/app/components/SimpleEditor/panes/Notes/notes.scss b/app/components/SimpleEditor/panes/Notes/notes.scss
index c092ba00964322eb7da6c9d81052eed0537d5f65..8ccc0a41cf072ace94513fb56e113fd578c8b95f 100644
--- a/app/components/SimpleEditor/panes/Notes/notes.scss
+++ b/app/components/SimpleEditor/panes/Notes/notes.scss
@@ -1,4 +1,5 @@
 $white: #fff;
+$light-blue: #e4f0ff;
 
 .notes-container {
   background-color: $white;
@@ -21,13 +22,17 @@ $white: #fff;
     top: 0;
     width: 100%;
    }
-   .sc-isolated-node {
-     border: 1px solid red!important;
+   .sc-isolated-node,
+   .sc-isolated-node.sm-default-style.sm-selected,
+   .sc-isolated-node.sm-default-style.sm-co-selected {
+     border: 4px solid $light-blue ;
+     outline: none;
    }
-   .sc-isolated-node::before {
+
+   .sc-isolated-node .sc-text-property::before {
     content: ''counter(note-footer)'. ';
     counter-increment: note-footer;
     left: -40px;
     position: absolute;
-}
+    }
   }