Fix for #1336

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;
+  }
+}

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>