3 files changed, 3 insertions, 1 deletions
diff --git a/webui/src/pages/bug/Message.tsx b/webui/src/pages/bug/Message.tsx
index d27f7a3d..faff5356 100644
--- a/webui/src/pages/bug/Message.tsx
+++ b/webui/src/pages/bug/Message.tsx
@@ -27,13 +27,13 @@ const useStyles = makeStyles((theme) => ({
   },
   header: {
     ...theme.typography.body1,
-    color: theme.palette.text.secondary,
     padding: '0.5rem 1rem',
     borderBottom: `1px solid ${theme.palette.divider}`,
     display: 'flex',
     borderTopRightRadius: theme.shape.borderRadius,
     borderTopLeftRadius: theme.shape.borderRadius,
     backgroundColor: theme.palette.info.main,
+    color: theme.palette.info.contrastText,
   },
   title: {
     flex: 1,
diff --git a/webui/src/themes/DefaultDark.ts b/webui/src/themes/DefaultDark.ts
index 27170ff0..6a92ec49 100644
--- a/webui/src/themes/DefaultDark.ts
+++ b/webui/src/themes/DefaultDark.ts
@@ -13,6 +13,7 @@ const defaultDarkTheme = createMuiTheme({
     },
     info: {
       main: '#2a393e',
+      contrastText: '#ffffffb3',
     },
     success: {
       main: '#2ea44fd9',
diff --git a/webui/src/themes/DefaultLight.ts b/webui/src/themes/DefaultLight.ts
index 735600b5..bc788a98 100644
--- a/webui/src/themes/DefaultLight.ts
+++ b/webui/src/themes/DefaultLight.ts
@@ -9,6 +9,7 @@ const defaultLightTheme = createMuiTheme({
     },
     info: {
       main: '#e2f1ff',
+      contrastText: '#555',
     },
     success: {
       main: '#2ea44fd9',