diff --git a/src/features/online-board/components/DayTabs/DayTabs.scss b/src/features/online-board/components/DayTabs/DayTabs.scss
index 9bbb9a87..4776105f 100644
--- a/src/features/online-board/components/DayTabs/DayTabs.scss
+++ b/src/features/online-board/components/DayTabs/DayTabs.scss
@@ -1,4 +1,5 @@
 @use "../../../../styles/colors" as colors;
+@use "../../../../styles/variables" as vars;
 
 // Matches Angular's date-tabs row. Single flat row, 48px tall, 7 tabs per
 // page flanked by 50px carousel arrows. Active tab has white bg + dark
@@ -14,7 +15,10 @@
   display: flex;
   align-items: stretch;
   height: 48px;
-  border-radius: 8px 8px 0 0;
+  // Angular rounds the outer arrow buttons by `$border-radius` (3px)
+  // so the whole strip ends with 3px top corners rather than React's
+  // previous 8px card-style rounding.
+  border-radius: vars.$border-radius vars.$border-radius 0 0;
   overflow: hidden;
   background: colors.$white;