From fe18fbe1572fd53ccc67a8580f916f2247a4696e Mon Sep 17 00:00:00 2001
From: Alexandre Bourdin <abourdin@users.noreply.github.com>
Date: Thu, 12 May 2022 11:34:15 +0200
Subject: [PATCH] Merge pull request #7862 from overleaf/ab-home-button-style

[web] Make the home button more consistent with the rest of the header

GitOrigin-RevId: 456727917fd61423ca2b41eedb79d9861675d2cb
---
 .../components/back-to-projects-button.js            | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-projects-button.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-projects-button.js
index 6831fb464b..1c7e2316f1 100644
--- a/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-projects-button.js
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-projects-button.js
@@ -14,9 +14,15 @@ function BackToProjectsButton() {
         </Tooltip>
       }
     >
-      <a className="toolbar-header-back-projects" href="/project">
-        <Icon type="home" fw accessibilityLabel={t('back_to_your_projects')} />
-      </a>
+      <div className="toolbar-item">
+        <a className="btn btn-full-height" href="/project">
+          <Icon
+            type="home"
+            fw
+            accessibilityLabel={t('back_to_your_projects')}
+          />
+        </a>
+      </div>
     </OverlayTrigger>
   )
 }