From 9a545ae20cd646aa325a8e9f2e8b997791eca2cc Mon Sep 17 00:00:00 2001
From: Twan L <twanluttik@gmail.com>
Date: Fri, 16 Jun 2023 14:28:57 -0700
Subject: [PATCH] added text wrapping with ... when folder name too long (#960)

---
 interface/app/$libraryId/location/$id.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/interface/app/$libraryId/location/$id.tsx b/interface/app/$libraryId/location/$id.tsx
index f2fc155ff..405ab42fe 100644
--- a/interface/app/$libraryId/location/$id.tsx
+++ b/interface/app/$libraryId/location/$id.tsx
@@ -56,9 +56,9 @@ export const Component = () => {
 			<TopBarPortal
 				left={
 					<div className="group flex flex-row items-center space-x-2">
-						<span>
+						<span className="flex flex-row items-center">
 							<Folder size={22} className="ml-3 mr-2 mt-[-1px] inline-block" />
-							<span className="text-sm font-medium">
+							<span className="overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium">
 								{path ? getLastSectionOfPath(path) : location.data?.name}
 							</span>
 						</span>