From 8592e9dd7e51781caacba6b87bb26b2431c80884 Mon Sep 17 00:00:00 2001
From: Yuhuai Liu <yuhuai@cos.io>
Date: Mon, 30 Dec 2024 11:00:37 -0500
Subject: [PATCH] white space normal on item names (#2442)

---
 .../addons-service/configured-addon-edit/styles.scss      | 4 ++++
 .../addons-service/configured-addon-edit/template.hbs     | 8 +++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/lib/osf-components/addon/components/addons-service/configured-addon-edit/styles.scss b/lib/osf-components/addon/components/addons-service/configured-addon-edit/styles.scss
index 15b4c12e353..5930b953b93 100644
--- a/lib/osf-components/addon/components/addons-service/configured-addon-edit/styles.scss
+++ b/lib/osf-components/addon/components/addons-service/configured-addon-edit/styles.scss
@@ -58,3 +58,7 @@
     margin-top: 2rem;
     float: right;
 }
+
+.item-name {
+    white-space: normal;
+}
diff --git a/lib/osf-components/addon/components/addons-service/configured-addon-edit/template.hbs b/lib/osf-components/addon/components/addons-service/configured-addon-edit/template.hbs
index d04bbd2e15f..9a0f280226c 100644
--- a/lib/osf-components/addon/components/addons-service/configured-addon-edit/template.hbs
+++ b/lib/osf-components/addon/components/addons-service/configured-addon-edit/template.hbs
@@ -78,11 +78,13 @@
                                         aria-label={{t 'addons.configure.go-to-folder' folderName=folder.itemName}}
                                         {{on 'click' (fn fileManager.goToFolder folder)}}
                                     >
-                                        <FaIcon @icon='folder' />
-                                        {{folder.itemName}}
+                                        <span local-class='item-name'>
+                                            <FaIcon @icon='folder' />
+                                            {{folder.itemName}}
+                                        </span>
                                     </Button>
                                 {{else}}
-                                    <span>
+                                    <span local-class='item-name'>
                                         <FaIcon @icon='folder' />
                                         {{folder.itemName}}
                                     </span>