From 9618d2bf205b535dc39f103bd8781e2ff8bbdc6e Mon Sep 17 00:00:00 2001
From: Davinder Singh <davibaweja@gmail.com>
Date: Tue, 28 Nov 2023 16:05:16 +0000
Subject: [PATCH] fixing stickyness of the date (#15964)

GitOrigin-RevId: 9bc9bc1323f944a7c57e0bb92724063d8da44e89
---
 .../history/components/change-list/history-version.tsx    | 8 +++-----
 .../frontend/stylesheets/app/editor/history-react.less    | 1 +
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/services/web/frontend/js/features/history/components/change-list/history-version.tsx b/services/web/frontend/js/features/history/components/change-list/history-version.tsx
index 2b7826d324..a66a02d8d4 100644
--- a/services/web/frontend/js/features/history/components/change-list/history-version.tsx
+++ b/services/web/frontend/js/features/history/components/change-list/history-version.tsx
@@ -75,15 +75,13 @@ function HistoryVersion({
       ) : null}
       {update.meta.first_in_day ? (
         <div
-          className={classNames({
-            'version-element-within-selected ':
+          className={classNames('history-version-day', {
+            'version-element-within-selected':
               selectionState === 'withinSelected' ||
               selectionState === 'lowerSelected',
           })}
         >
-          <time className="history-version-day">
-            {relativeDate(update.meta.end_ts)}
-          </time>
+          <time>{relativeDate(update.meta.end_ts)}</time>
         </div>
       ) : null}
       <div
diff --git a/services/web/frontend/stylesheets/app/editor/history-react.less b/services/web/frontend/stylesheets/app/editor/history-react.less
index 5ac68aa0ed..85f81ee45d 100644
--- a/services/web/frontend/stylesheets/app/editor/history-react.less
+++ b/services/web/frontend/stylesheets/app/editor/history-react.less
@@ -91,6 +91,7 @@ history-root {
   }
 
   .history-version-day {
+    background-color: white;
     position: sticky;
     z-index: 1;
     top: 0;