diff --git a/src/app/components/message/Reaction.css.ts b/src/app/components/message/Reaction.css.ts
index 7ea1405a..7b6abe99 100644
--- a/src/app/components/message/Reaction.css.ts
+++ b/src/app/components/message/Reaction.css.ts
@@ -11,16 +11,21 @@ export const Reaction = style([
   FocusOutline,
   {
     vars: {
-      [Container]: color.SurfaceVariant.Container,
-      [ContainerHover]: color.SurfaceVariant.ContainerHover,
-      [ContainerActive]: color.SurfaceVariant.ContainerActive,
+      // Resting chip sits on the raised surface tone (#21232b) so it reads
+      // distinct from the peer bubble (~#181a20) instead of blending in; hover/
+      // active step one tone lighter. The aria-pressed selector below swaps the
+      // whole set to the Primary (Fleet-violet) palette.
+      [Container]: color.SurfaceVariant.ContainerActive,
+      [ContainerHover]: color.SurfaceVariant.ContainerLine,
+      [ContainerActive]: color.SurfaceVariant.ContainerLine,
       [ContainerLine]: color.SurfaceVariant.ContainerLine,
       [OnContainer]: color.SurfaceVariant.OnContainer,
     },
     padding: `${toRem(2)} ${config.space.S200} ${toRem(2)} ${config.space.S100}`,
     backgroundColor: Container,
-    border: `${config.borderWidth.B300} solid ${ContainerLine}`,
-    // Pill chip — matches stream-v2-dawn.jsx canon line 100 (`borderRadius: 99`).
+    // Borderless filled pill (canon stream-v2-dawn.jsx line 100); a transparent
+    // 1px keeps the aria-selected outline crisp without an outline at rest.
+    border: `${config.borderWidth.B300} solid transparent`,
     borderRadius: toRem(9999),
 
     selectors: {
diff --git a/src/app/components/message/Reaction.tsx b/src/app/components/message/Reaction.tsx
index 34b2dc6e..f49d2f14 100644
--- a/src/app/components/message/Reaction.tsx
+++ b/src/app/components/message/Reaction.tsx
@@ -38,7 +38,7 @@ export const Reaction = as<
         </Text>
       )}
     </Text>
-    <Text as="span" size="T300">
+    <Text as="span" size="T300" style={{ fontVariantNumeric: 'tabular-nums' }}>
       {count}
     </Text>
   </Box>
diff --git a/src/app/components/url-preview/UrlPreviewCard.tsx b/src/app/components/url-preview/UrlPreviewCard.tsx
index bc53c71f..dca275f4 100644
--- a/src/app/components/url-preview/UrlPreviewCard.tsx
+++ b/src/app/components/url-preview/UrlPreviewCard.tsx
@@ -16,7 +16,9 @@ import { useMediaAuthentication } from '../../hooks/useMediaAuthentication';
 import { ImageViewer } from '../image-viewer';
 import { onEnterOrSpace } from '../../utils/keyboard';
 
-const linkStyles = { color: color.Success.Main };
+// Dawn brand accent for preview links (was stock-Cinny green). Green stays a
+// pure status colour; links use the Fleet-violet accent.
+const linkStyles = { color: color.Primary.Main };
 
 export const UrlPreviewCard = as<'div', { url: string; ts: number }>(
   ({ url, ts, ...props }, ref) => {