diff --git a/config/titleBarStyles.css b/config/titleBarStyles.css
index b2402c9a..9d441b85 100644
--- a/config/titleBarStyles.css
+++ b/config/titleBarStyles.css
@@ -125,6 +125,7 @@ Typically you'll want to set content: url("") and adjust the width property
     border-radius: 0;
     padding: 10px 15px;
     cursor: default;
+    align-content: center;
 }
 
 .title-bar-button:hover {
diff --git a/src/renderer/components/notification-comp.tsx b/src/renderer/components/notification-comp.tsx
index 00a7d07a..de99cae8 100644
--- a/src/renderer/components/notification-comp.tsx
+++ b/src/renderer/components/notification-comp.tsx
@@ -68,7 +68,7 @@ export default class NotificationComp extends React.Component<{}, IState> {
         if (theme) {
             themeClassName = theme;
         } else if (darkTheme.includes(color.toLowerCase())) {
-            themeClassName = 'light';
+            themeClassName = 'blackText';
         } else {
             themeClassName = color && color.match(whiteColorRegExp) ? 'light' : 'dark';
         }
diff --git a/src/renderer/styles/notification-comp.less b/src/renderer/styles/notification-comp.less
index 496c9513..a0b2f7cb 100644
--- a/src/renderer/styles/notification-comp.less
+++ b/src/renderer/styles/notification-comp.less
@@ -1,5 +1,9 @@
 @import "theme";
 
+.blackText {
+  --text-color: #000000;
+  --logo-bg: url('../assets/symphony-logo.png');
+}
 .light {
   --text-color: #525760;
   --logo-bg: url('../assets/symphony-logo.png');