From 24cdfdf92fcf64047a9eb0d49befb3cb226aebb5 Mon Sep 17 00:00:00 2001
From: Domagoj Kriskovic <dom.kriskovic@overleaf.com>
Date: Tue, 7 May 2024 11:05:20 +0200
Subject: [PATCH] [web] fix navbar button hover color (#18241)

GitOrigin-RevId: c4a415d7b5ea9757044df69bdbf49e75d00a0c46
---
 .../components/back-to-editor-button.tsx                       | 2 +-
 services/web/frontend/stylesheets/app/editor/toolbar.less      | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-editor-button.tsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-editor-button.tsx
index b87b634b1a..97f77f1be5 100644
--- a/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-editor-button.tsx
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-editor-button.tsx
@@ -10,7 +10,7 @@ function BackToEditorButton({ onClick }: { onClick: () => void }) {
       bsSize="sm"
       bsStyle={null}
       onClick={onClick}
-      className="back-to-editor-btn btn-secondary"
+      className="back-to-editor-btn"
     >
       <MaterialIcon type="arrow_back" className="toolbar-btn-secondary-icon" />
       <p className="toolbar-label">{t('back_to_editor')}</p>
diff --git a/services/web/frontend/stylesheets/app/editor/toolbar.less b/services/web/frontend/stylesheets/app/editor/toolbar.less
index 49342c73a2..837d0bfeba 100644
--- a/services/web/frontend/stylesheets/app/editor/toolbar.less
+++ b/services/web/frontend/stylesheets/app/editor/toolbar.less
@@ -22,7 +22,7 @@
 
   .toolbar-right,
   .toolbar-left {
-    button:not(.back-to-editor-btn) {
+    button {
       background: transparent;
       box-shadow: none;
     }
@@ -32,6 +32,7 @@
     margin-right: 27px;
     display: flex;
     align-items: center;
+    .btn-secondary;
 
     .toolbar-label {
       margin-bottom: 0;