Make annotations display on /alerts page consistent with /rules

Signed-off-by: Julius Volz <julius.volz@gmail.com>

web/ui/mantine-ui/src/components/RuleDefinition.tsx

@@ -5,6 +5,7 @@ import {
   Card,
   Group,
   rem,
+  Table,
   Tooltip,
   useComputedColorScheme,
 } from "@mantine/core";

web/ui/mantine-ui/src/pages/AlertsPage.tsx

@@ -376,19 +376,15 @@ export default function AlertsPage() {
                                       {showAnnotations && (
                                         <Table.Tr>
                                           <Table.Td colSpan={4}>
-                                            <Table
-                                              mt="md"
-                                              mb="xl"
-                                              withTableBorder
-                                              withColumnBorders
-                                              bg="var(--mantine-color-body)"
-                                            >
+                                            <Table mt="md" mb="xl">
                                               <Table.Tbody>
                                                 {Object.entries(
                                                   a.annotations
                                                 ).map(([k, v]) => (
                                                   <Table.Tr key={k}>
-                                                    <Table.Th>{k}</Table.Th>
+                                                    <Table.Th c="light-dark(var(--mantine-color-gray-7), var(--mantine-color-gray-4))">
+                                                      {k}
+                                                    </Table.Th>
                                                     <Table.Td>{v}</Table.Td>
                                                   </Table.Tr>
                                                 ))}