From 14fe4b0594739b3499c3124bcd6883253cd2020a Mon Sep 17 00:00:00 2001
From: morpheus65535 <louis_vezina@hotmail.com>
Date: Sat, 27 Mar 2021 15:14:49 -0400
Subject: [PATCH] Fix for #1336

---
 frontend/src/@scss/bazarr.scss                    | 15 +++++++++++++++
 .../src/components/modals/ManualSearchModal.tsx   |  4 ++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/src/@scss/bazarr.scss b/frontend/src/@scss/bazarr.scss
index 0c606d032..e6b68b13f 100644
--- a/frontend/src/@scss/bazarr.scss
+++ b/frontend/src/@scss/bazarr.scss
@@ -19,3 +19,18 @@ body {
 .progress-bar {
   cursor: default;
 }
+
+.dropdown-toggle-wrap {
+  position: relative;
+  &::after {
+    position: absolute;
+    right: 0.1rem;
+    bottom: 50%;
+  }
+  span {
+    display: block;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    max-width: 30vw;
+  }
+}
diff --git a/frontend/src/components/modals/ManualSearchModal.tsx b/frontend/src/components/modals/ManualSearchModal.tsx
index 879070e8b..378cb285d 100644
--- a/frontend/src/components/modals/ManualSearchModal.tsx
+++ b/frontend/src/components/modals/ManualSearchModal.tsx
@@ -140,10 +140,10 @@ export const ManualSearchModal: FunctionComponent<Props & BaseModalProps> = (
               <Dropdown>
                 <Dropdown.Toggle
                   disabled={value.length === 1}
-                  className="dropdown-hidden text-dark"
+                  className="dropdown-hidden text-dark dropdown-toggle-wrap"
                   variant={value.length === 1 ? "link" : "light"}
                 >
-                  {display}
+                  <span>{display}</span>
                 </Dropdown.Toggle>
                 <Dropdown.Menu>{items}</Dropdown.Menu>
               </Dropdown>