diff --git a/CHANGELOG.md b/CHANGELOG.md
index f822187e..97afd0b7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -23,6 +23,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 - `<MultiSelect />`
     - border of the BlueprintJS `Tag` elements were fixed
+- `<CodeEditor />`
+    - `readOnly` appearance uses same borders like read-only text fields and it does not display a blinking cursor
 - `<Button />`, `<IconButton />`
     - outlines for focus by keyboard navigation are better recognizable on buttons with colored backgrounds (intent states)
 
diff --git a/src/extensions/codemirror/_codemirror.scss b/src/extensions/codemirror/_codemirror.scss
index f1649645..ae2e6c98 100644
--- a/src/extensions/codemirror/_codemirror.scss
+++ b/src/extensions/codemirror/_codemirror.scss
@@ -64,6 +64,18 @@ $eccgui-size-codeeditor-toolbar-height: $button-height !default;
             padding: 0;
         }
 
+        &:has(.cm-content[aria-readonly="true"]) {
+            box-shadow: inset 0 0 0 1px $pt-divider-black;
+
+            &:focus {
+                box-shadow: input-transition-shadow($input-shadow-color-focus, true), $input-box-shadow-focus;
+            }
+
+            .cm-cursor {
+                display: none;
+            }
+        }
+
         &[class*="#{$eccgui}-intent--"] {
             animation-duration: 1s;
             animation-delay: 0.5s;