diff --git a/src/components/Editor/Editor.css b/src/components/Editor/Editor.css
index ebc59712ed..6fe0cfbb16 100644
--- a/src/components/Editor/Editor.css
+++ b/src/components/Editor/Editor.css
@@ -66,14 +66,34 @@ html[dir="rtl"] .editor-mount {
   --breakpoint-stroke-disabled: var(--blue-60);
 }
 
-.theme-light .cm-s-mozilla .empty-line .CodeMirror-linenumber {
+.theme-light .cm-s-mozilla .CodeMirror-linenumber {
   color: var(--grey-40);
 }
 
-.theme-dark .cm-s-mozilla .empty-line .CodeMirror-linenumber {
+.theme-dark .cm-s-mozilla {
   color: var(--grey-60);
 }
 
+/* dark theme line number and empty line number */
+.theme-dark {
+  .CodeMirror-linenumber {
+    color: var(--grey-40);
+  }
+  .empty-line{
+    color: var(--grey-50);
+  }
+}
+
+/* dark theme line number and empty line number */
+.theme-light {
+  .CodeMirror-linenumber {
+    color: var(--grey-50);
+  }
+  .empty-line{
+    color: var(--grey-40);
+  }
+}
+
 :not(.empty-line):not(.new-breakpoint)
   > .CodeMirror-gutter-wrapper:hover
   > .CodeMirror-linenumber {