Fix PublishDebugLogModal close button color in Dark Mode

2 files changed, 8 insertions, 0 deletions

diff --git a/src/features/publishDebugInfo/Component.js b/src/features/publishDebugInfo/Component.js
index c1365597a..5ffe535e0 100644
--- a/src/features/publishDebugInfo/Component.js
+++ b/src/features/publishDebugInfo/Component.js
@@ -155,6 +155,8 @@ class PublishDebugLogModal extends Component {
       <Modal
         isOpen={isModalVisible}
         shouldCloseOnOverlayClick
+        className={`${classes.modal} publish-debug`}
+        classes={{close: 'close'}}
         close={() => this.close()}
       >
         <div className={classes.container}>
diff --git a/src/styles/features.scss b/src/styles/features.scss
index d2931f837..8b2ce3253 100644
--- a/src/styles/features.scss
+++ b/src/styles/features.scss
@@ -11,3 +11,9 @@
     background: $theme-brand-primary;
   }
 }
+
+.theme__dark .publish-debug {
+  .close {
+    color: $dark-theme-gray-lightest;
+  }
+}