diff --git a/css/merged.css b/css/merged.css
index 06513190..688387eb 100644
--- a/css/merged.css
+++ b/css/merged.css
@@ -152,6 +152,11 @@
   opacity: 0.3;
 }
 
+/* since the editor itself doesn't have dark mode atm, always use the light mode icon */
+#editor_close.icon-close {
+  background-image: var(--icon-close-white);
+}
+
 #editor_close:hover {
   background-color: #ddd;
 }
@@ -248,7 +253,7 @@ small.unsaved-star {
 @media only screen and (max-width: 768px) {
   /* hide search function on mobile to prevent wrap of elements */
   #editorsearchval,
-#editor_save + label {
+  #editor_save + label {
     display: none !important;
   }
 }
diff --git a/css/merged.css.map b/css/merged.css.map
index 02a10d12..c8879fb8 100644
--- a/css/merged.css.map
+++ b/css/merged.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["DroidSansMono/stylesheet.scss","style.scss","mobile.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EAIA;EACA;;ACRJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACI;;;AAGJ;EACC;EACA;EACC;;;AAGF;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;;;AAGD;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAED;EACE;;;AAGF;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;IACC;IACA;IACA;IACA;IACA;IACA;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;ACnPD;AAGA;EACA;AAAA;IAEC","file":"merged.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["DroidSansMono/stylesheet.scss","style.scss","mobile.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EAIA;EACA;;ACRJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACI;;;AAGJ;EACC;EACA;EACC;;;AAGF;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;;;AAGD;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAED;EACE;;;AAGF;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;IACC;IACA;IACA;IACA;IACA;IACA;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;ACxPD;AAGA;EACA;AAAA;IAEC","file":"merged.css"}
\ No newline at end of file
diff --git a/css/mobile.css b/css/mobile.css
index 878e43da..6609fb61 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -1,7 +1,7 @@
 @media only screen and (max-width: 768px) {
   /* hide search function on mobile to prevent wrap of elements */
   #editorsearchval,
-#editor_save + label {
+  #editor_save + label {
     display: none !important;
   }
 }
diff --git a/css/style.css b/css/style.css
index 2a693025..e5eceffa 100644
--- a/css/style.css
+++ b/css/style.css
@@ -145,6 +145,11 @@
   opacity: 0.3;
 }
 
+/* since the editor itself doesn't have dark mode atm, always use the light mode icon */
+#editor_close.icon-close {
+  background-image: var(--icon-close-white);
+}
+
 #editor_close:hover {
   background-color: #ddd;
 }
diff --git a/css/style.css.map b/css/style.css.map
index 851064f9..8ad1a8cd 100644
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACI;;;AAGJ;EACC;EACA;EACC;;;AAGF;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;;;AAGD;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAED;EACE;;;AAGF;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;IACC;IACA;IACA;IACA;IACA;IACA;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACI;;;AAGJ;EACC;EACA;EACC;;;AAGF;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;;;AAGD;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAED;EACE;;;AAGF;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;IACC;IACA;IACA;IACA;IACA;IACA;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA","file":"style.css"}
\ No newline at end of file
diff --git a/css/style.scss b/css/style.scss
index e34811d1..9711cdc8 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -151,6 +151,11 @@
 	opacity: 0.3;
 }
 
+/* since the editor itself doesn't have dark mode atm, always use the light mode icon */
+#editor_close.icon-close {
+	background-image: var(--icon-close-white);
+}
+
 #editor_close:hover {
 	background-color: #ddd;
 }