diff --git a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
index dc110c42..d0011fbd 100644
--- a/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
+++ b/src/features/online-board/components/BoardDetailsHeader/BoardDetailsHeader.scss
@@ -1,4 +1,5 @@
 @use "../../../../styles/colors" as colors;
+@use "../../../../styles/variables" as vars;
 
 .board-details-header {
   // Mirrors Angular's board-details-header host styling:
@@ -96,18 +97,25 @@
 
 .flight-events {
   display: flex;
-  gap: 12px;
+  gap: vars.$space-m;
   align-items: center;
 
+  // Mirrors Angular's `flight-events.component.scss`: 28px chip with
+  // 0 $space-m (0 10px) padding, 3px ($border-radius) corners, thin
+  // neutral border. React's 14px-rounded pill is replaced with the
+  // Angular squared chip — matches the visual rhythm of the rest of
+  // the card.
   &__event {
     display: inline-flex;
     align-items: center;
     gap: 6px;
-    padding: 4px 10px;
+    padding: 0 vars.$space-m;
     border: 1px solid colors.$border;
-    border-radius: 14px;
+    border-radius: vars.$border-radius;
     height: 28px;
     font-size: 12px;
+    line-height: 16px;
+    color: colors.$text-color;
   }
 }