From 103351bc1fa52e3aba250bc7b9f39add63735061 Mon Sep 17 00:00:00 2001
From: Eric Mc Sween <eric.mcsween@overleaf.com>
Date: Tue, 11 Oct 2022 10:44:21 -0400
Subject: [PATCH] Merge pull request #9909 from overleaf/jel-dash-sidebar-tag

[web] Fix tag name expanding React dash sidebar

GitOrigin-RevId: ed316e2219ed78a8a57e593507adac56ff55416e
---
 services/web/frontend/stylesheets/app/project-list-react.less | 2 ++
 services/web/frontend/stylesheets/app/project-list.less       | 2 +-
 services/web/frontend/stylesheets/core/variables.less         | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/stylesheets/app/project-list-react.less b/services/web/frontend/stylesheets/app/project-list-react.less
index 454fb54f3e..768a9af3be 100644
--- a/services/web/frontend/stylesheets/app/project-list-react.less
+++ b/services/web/frontend/stylesheets/app/project-list-react.less
@@ -179,6 +179,8 @@
         position: relative;
         padding: @folders-tag-padding;
         display: @folders-tag-display;
+        white-space: normal;
+        word-wrap: anywhere;
 
         span.name {
           padding-left: 0.5em;
diff --git a/services/web/frontend/stylesheets/app/project-list.less b/services/web/frontend/stylesheets/app/project-list.less
index 3049699520..c3885c3419 100644
--- a/services/web/frontend/stylesheets/app/project-list.less
+++ b/services/web/frontend/stylesheets/app/project-list.less
@@ -351,7 +351,7 @@ ul.folders-menu {
         background-color: @folders-tag-menu-hover;
       }
     }
-    button.tag-name {
+    .tag-name {
       position: relative;
       padding: @folders-tag-padding;
       display: @folders-tag-display;
diff --git a/services/web/frontend/stylesheets/core/variables.less b/services/web/frontend/stylesheets/core/variables.less
index af14efe644..15aab5ea35 100644
--- a/services/web/frontend/stylesheets/core/variables.less
+++ b/services/web/frontend/stylesheets/core/variables.less
@@ -952,7 +952,7 @@
 @folders-title-line-height: @headings-line-height;
 @folders-title-color: @ol-blue-gray-2;
 @folders-title-text-transform: uppercase;
-@folders-tag-padding: @folders-menu-item-v-padding 20px
+@folders-tag-padding: @folders-menu-item-v-padding 30px
   @folders-menu-item-v-padding @folders-menu-item-h-padding;
 @folders-tag-line-height: 1.4;
 @folders-tag-display: block;