diff --git a/src/views/json-view.ts b/src/views/json-view.ts
index 5cc2e9b..a156ec0 100644
--- a/src/views/json-view.ts
+++ b/src/views/json-view.ts
@@ -20,7 +20,7 @@ export default class JsonView extends TextFileView {
 
 	onload(): void {
 		super.onload();
-		this.editorEl = this.contentEl.createDiv("markdown-source-view mod-cm6");
+		this.editorEl = this.contentEl.createDiv("datafile-source-view mod-cm6");
 		let extensions: Extension[];
 		extensions = [
 			basicSetup,
diff --git a/src/views/txt-view.ts b/src/views/txt-view.ts
index 1ceb6bf..f23ee6b 100644
--- a/src/views/txt-view.ts
+++ b/src/views/txt-view.ts
@@ -19,7 +19,7 @@ export default class TxtView extends TextFileView {
 
 	onload(): void {
 		super.onload();
-		this.editorEl = this.contentEl.createDiv("markdown-source-view mod-cm6");
+		this.editorEl = this.contentEl.createDiv("datafile-source-view mod-cm6");
 		this.cmEditor = new EditorView({
 			state: EditorState.create({
 				extensions: [
diff --git a/styles.css b/styles.css
index 86af581..eddc247 100644
--- a/styles.css
+++ b/styles.css
@@ -7,7 +7,7 @@ If your plugin does not need CSS, delete this file.
 
 */
 
-.markdown-source-view.mod-cm6 .cm-gutters {
+.datafile-source-view.mod-cm6 .cm-gutters {
 	flex: 0 0 auto;
 	background-color: transparent;
 	color: var(--text-faint) !important;