diff --git a/webui/src/pages/bug/Message.tsx b/webui/src/pages/bug/Message.tsx
index d27f7a3da75011e11ebe2d8b7ff62b3b0b0e7198..faff5356bf47f541825d15a962ceac22b10a74a6 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 27170ff0334d2ae1a2bb7000f09ad1310553a51d..6a92ec49df522346db64a2228165c7ec8ba760fd 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 735600b53cc52d82e1773b318d913dc840d89ac4..bc788a986634e35ca9682a05808f6d292da39867 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',