diff --git a/src/public/app/widgets/note_detail.js b/src/public/app/widgets/note_detail.js
index a5b63d11f..3cc970c48 100644
--- a/src/public/app/widgets/note_detail.js
+++ b/src/public/app/widgets/note_detail.js
@@ -195,7 +195,7 @@ export default class NoteDetailWidget extends TabAwareWidget {
             const noteComplement = await this.tabContext.getNoteComplement();
 
             if (note.hasLabel('readOnly') ||
-                (noteComplement.content && noteComplement.content.length > 10000)) {
+                (noteComplement.content && noteComplement.content.length > 30000)) {
                 type = 'read-only-code';
             }
         }
diff --git a/src/public/app/widgets/type_widgets/read_only_code.js b/src/public/app/widgets/type_widgets/read_only_code.js
index 1a50ca675..8381baab1 100644
--- a/src/public/app/widgets/type_widgets/read_only_code.js
+++ b/src/public/app/widgets/type_widgets/read_only_code.js
@@ -13,7 +13,7 @@ const TPL = `
     }
     </style>
 
-    <div class="alert alert-warning no-print">
+    <div class="alert alert-warning no-print" style="margin-bottom: 0;">
         Read only code view is shown. <a href="#" class="edit-note">Click here</a> to edit the note.
     </div>