diff --git a/api/js/etemplate/Et2Vfs/Et2VfsPath.styles.ts b/api/js/etemplate/Et2Vfs/Et2VfsPath.styles.ts
index 566112678d..6a355a73f3 100644
--- a/api/js/etemplate/Et2Vfs/Et2VfsPath.styles.ts
+++ b/api/js/etemplate/Et2Vfs/Et2VfsPath.styles.ts
@@ -3,6 +3,8 @@ import {css} from 'lit';
 export default css`
 
 	.form-control-input {
+		min-width: 15em;
+
 		flex: 1;
 		display: flex;
 		flex-direction: row;
@@ -28,7 +30,7 @@ export default css`
 
 	.vfs-path__value-input {
 		flex: 1 1 auto;
-		min-width: 20em;
+		min-width: 12em;
 		border: none;
 		outline: none;
 		color: var(--input-text-color);
@@ -64,7 +66,7 @@ export default css`
 	sl-breadcrumb {
 		flex: 1 1 auto;
 		overflow: hidden;
-		min-width: 20em;
+		min-width: 10em;
 	}
 
 	et2-image {
diff --git a/api/js/etemplate/Et2Vfs/Et2VfsPath.ts b/api/js/etemplate/Et2Vfs/Et2VfsPath.ts
index e0f26bca67..4fed5970c6 100644
--- a/api/js/etemplate/Et2Vfs/Et2VfsPath.ts
+++ b/api/js/etemplate/Et2Vfs/Et2VfsPath.ts
@@ -226,6 +226,11 @@ export class Et2VfsPath extends Et2InputWidget(LitElement)
 		}
 	}
 
+	protected handleScroll(event : WheelEvent)
+	{
+		this.shadowRoot.querySelector("sl-breadcrumb").scrollLeft += event.deltaY;
+	}
+
 	protected _getIcon(pathParts)
 	{
 		let image = this.egw().image("filemanager", "api");