diff --git a/src/editor/theme/base.js b/src/editor/theme/base.js
index 47f690a..6adaa90 100644
--- a/src/editor/theme/base.js
+++ b/src/editor/theme/base.js
@@ -65,11 +65,14 @@ export const heynoteBase = EditorView.theme({
     '.cm-foldGutter': {
         marginLeft: '0px',
     },
-    '.cm-foldGutter .cm-gutterElement': {
-        opacity: 0,
-        transition: "opacity 400ms",
+    '.cm-gutters .cm-gutterElement span': {
+        opacity: 1,
+        transition: "opacity 200ms",
     },
-    '.cm-gutters:hover .cm-gutterElement': {
+    '.cm-foldGutter .cm-gutterElement span[title*="Fold"]': {
+        opacity: 0,
+    },
+    '.cm-gutters:hover .cm-gutterElement span[title*="Fold"]': {
         opacity: 1,
     },
     '.cm-cursor, .cm-dropCursor': {