diff --git a/packages/app-desktop/gui/NoteEditor/NoteBody/TinyMCE/TinyMCE.tsx b/packages/app-desktop/gui/NoteEditor/NoteBody/TinyMCE/TinyMCE.tsx
index 8875ebb8ce..4275586251 100644
--- a/packages/app-desktop/gui/NoteEditor/NoteBody/TinyMCE/TinyMCE.tsx
+++ b/packages/app-desktop/gui/NoteEditor/NoteBody/TinyMCE/TinyMCE.tsx
@@ -384,6 +384,10 @@ const TinyMCE = (props: NoteBodyEditorProps, ref: any) => {
 				background-color: ${theme.backgroundColor} !important;
 			}
 
+			.tox .tox-dialog__body-content {
+				color: ${theme.color};
+			}
+
 			/*
 			When creating dialogs, TinyMCE doesn't seem to offer a way to style the components or to assign classes to them.
 			We want the code dialog box text area to be monospace, and since we can't target this precisely, we apply the style