diff --git a/static/css/oml.css b/static/css/oml.css
index 86a252e..946e463 100644
--- a/static/css/oml.css
+++ b/static/css/oml.css
@@ -30,3 +30,12 @@
 .OMLAnnotation.selected .OxPlaceholder {
     display: block;
 }
+
+.OxThemeOxlight .OxAnnotationFolder .OxArrayEditable .OxEditableElement.OxEditable.OxSelected,
+.OxThemeOxlight .OxAnnotationFolder .OxArrayEditableTextarea .OxEditableElement.OxEditable.OxEditing,
+.OxThemeOxlight .OxAnnotationFolder .OxEditableElement textarea {
+    background-color: transparent
+}
+.OxAnnotationFolder div.OxInput {
+    background-image: none;
+}
diff --git a/static/js/annotation.js b/static/js/annotation.js
index d0c9556..128996f 100644
--- a/static/js/annotation.js
+++ b/static/js/annotation.js
@@ -30,7 +30,6 @@ oml.ui.annotation = function(annotation, $iframe) {
         placeholder: 'Add note',
         type: 'textarea'
     }).css({
-        margin: '2px',
         minHeight: '12px'
     }).bindEvent({
         doubleclick: addNote,
diff --git a/static/js/annotationFolder.js b/static/js/annotationFolder.js
index b9d7760..47ad2e9 100644
--- a/static/js/annotationFolder.js
+++ b/static/js/annotationFolder.js
@@ -1,7 +1,7 @@
 oml.ui.annotationFolder = function() {
 
     var ui = oml.user.ui,
-        that = Ox.Element().css({
+        that = Ox.Element().addClass('OxAnnotationFolder').css({
             overflowY: 'auto',
             overflowX: 'hidden',
         });