diff --git a/public/script/custompath.js b/public/script/custompath.js
index e530c1e..a0994ce 100644
--- a/public/script/custompath.js
+++ b/public/script/custompath.js
@@ -14,6 +14,7 @@ window.addEventListener("DOMContentLoaded", async () => {
 
   async function applyPathFromBack(path) {
     savePathElem.textContent = path;
+    savePathElem.title = path; 
     hidden.value = path;
     localStorage.setItem("customDownloadPath", path); // UX only
   }
diff --git a/public/styles/components/editpathbutton.css b/public/styles/components/editpathbutton.css
index 3c00a38..aab8387 100644
--- a/public/styles/components/editpathbutton.css
+++ b/public/styles/components/editpathbutton.css
@@ -17,9 +17,11 @@
   border-radius: 6px;
   font-family: monospace;
   border: 1px dashed var(--form-input-border-color);
-  word-break: break-all;
-  display: inline-block;
-  max-width: 80%;
+  display: inline-flex;
+  max-width: clamp(200px, 60vw, 600px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }