From 3ecc1b253e59591f9940f20d4e21c4e83d036e4b Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <jessica.lawshe@overleaf.com>
Date: Mon, 17 Oct 2022 10:54:29 -0500
Subject: [PATCH] Merge pull request #9992 from
 overleaf/jel-react-dash-sidebar-buttons

[web] React dash - wrap text in sidebar buttons

GitOrigin-RevId: 68c037c93049468fd48104a151188fc20a643910
---
 .../web/frontend/stylesheets/app/project-list-react.less   | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/stylesheets/app/project-list-react.less b/services/web/frontend/stylesheets/app/project-list-react.less
index 47705ea6df..45882ab68b 100644
--- a/services/web/frontend/stylesheets/app/project-list-react.less
+++ b/services/web/frontend/stylesheets/app/project-list-react.less
@@ -54,6 +54,12 @@
           color: @sidebar-color;
         }
 
+        button {
+          white-space: normal;
+          word-wrap: anywhere;
+          // prevents buttons from expanding sidebar width
+        }
+
         > .dropdown {
           width: 100%;
 
@@ -179,7 +185,6 @@
         position: relative;
         padding: @folders-tag-padding;
         display: @folders-tag-display;
-        white-space: normal;
         word-wrap: anywhere;
 
         span.name {