diff --git a/src/features/online-board/components/OnlineBoardDetailsPage.test.tsx b/src/features/online-board/components/OnlineBoardDetailsPage.test.tsx
index 200a9060..d306ebf5 100644
--- a/src/features/online-board/components/OnlineBoardDetailsPage.test.tsx
+++ b/src/features/online-board/components/OnlineBoardDetailsPage.test.tsx
@@ -256,4 +256,12 @@ describe("OnlineBoardDetailsPage", () => {
       expect(screen.getByTestId("day-tabs")).toBeTruthy();
     });
   });
+
+  describe("board details header integration", () => {
+    it("renders BoardDetailsHeader at top of details", () => {
+      mockState = { flight: mockFlight, allFlights: [mockFlight], daysOfFlight: ["20260416"], loading: false, error: null };
+      render(<OnlineBoardDetailsPage flightId={mockFlightId} locale="ru" canonicalOrigin="https://example.com" />);
+      expect(screen.getByTestId("board-details-header")).toBeTruthy();
+    });
+  });
 });
diff --git a/src/features/online-board/components/OnlineBoardDetailsPage.tsx b/src/features/online-board/components/OnlineBoardDetailsPage.tsx
index 2c8692a4..e7958e5f 100644
--- a/src/features/online-board/components/OnlineBoardDetailsPage.tsx
+++ b/src/features/online-board/components/OnlineBoardDetailsPage.tsx
@@ -26,6 +26,7 @@ import { buildOnlineBoardUrl } from "../url.js";
 import { FlightDetailsAccordion } from "./details-panels/FlightDetailsAccordion.js";
 import { FlightsMiniList } from "./FlightsMiniList/index.js";
 import { DayTabs } from "./DayTabs/index.js";
+import { BoardDetailsHeader } from "./BoardDetailsHeader/index.js";
 import type { IParsedFlightId, IFlightLeg } from "../types.js";
 
 export interface OnlineBoardDetailsPageProps {
@@ -274,10 +275,7 @@ export const OnlineBoardDetailsPage: FC<OnlineBoardDetailsPageProps> = ({
             )}
           </div>
 
-          {/* Overall status (h1 moved to PageLayout title) */}
-          <div className="flight-details__header">
-            <span className="flight-details__overall-status">{displayFlight.status}</span>
-          </div>
+          <BoardDetailsHeader flight={displayFlight} locale={locale} />
 
           {/* Summary card */}
           <FlightCard flight={displayFlight} />