From 142cfb51d972f7cb4b27895948dece6ab2a5f4b6 Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Wed, 24 May 2023 11:02:41 +0100
Subject: [PATCH] Merge pull request #13173 from overleaf/td-history-menu-jump

History migration: Remove initial jump on displaying menu and line up menu items nicely

GitOrigin-RevId: f04c01565aa9ea128e87543fa7108d7fb0ae8657
---
 .../change-list/dropdown/menu-item/compare-items.tsx          | 4 ++--
 .../web/frontend/stylesheets/app/editor/history-react.less    | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare-items.tsx b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare-items.tsx
index 2c3d459663..45dc0a84ec 100644
--- a/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare-items.tsx
+++ b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare-items.tsx
@@ -49,7 +49,7 @@ function CompareItems({
           }}
           closeDropdown={closeDropdown}
           text={t('history_compare_from_this_version')}
-          icon={<MaterialIcon type="line_start_circle" />}
+          icon={<MaterialIcon type="line_start_circle" className="fa-fw" />}
         />
       ) : null}
       {showCompareToThis ? (
@@ -62,7 +62,7 @@ function CompareItems({
           }}
           closeDropdown={closeDropdown}
           text={t('history_compare_up_to_this_version')}
-          icon={<MaterialIcon type="line_end_circle" />}
+          icon={<MaterialIcon type="line_end_circle" className="fa-fw" />}
         />
       ) : null}
     </>
diff --git a/services/web/frontend/stylesheets/app/editor/history-react.less b/services/web/frontend/stylesheets/app/editor/history-react.less
index 0ae622ffec..5f11f0a08a 100644
--- a/services/web/frontend/stylesheets/app/editor/history-react.less
+++ b/services/web/frontend/stylesheets/app/editor/history-react.less
@@ -334,6 +334,7 @@ history-root {
 
     span.material-symbols-rounded {
       vertical-align: middle;
+      font-size: inherit;
     }
   }
 }