diff --git a/api/js/etemplate/et2_widget_vfs.js b/api/js/etemplate/et2_widget_vfs.js
index 69ee107115..dae90a5f0d 100644
--- a/api/js/etemplate/et2_widget_vfs.js
+++ b/api/js/etemplate/et2_widget_vfs.js
@@ -292,7 +292,9 @@ var et2_vfsPath = (function(){ "use strict"; return et2_vfsName.extend(
 
 		this.div.prepend(this.input);
 		this.setDOMNode(this.div[0]);
-
+		this.span.on('wheel', function(e){
+			this.scrollLeft = this.scrollLeft - (e.originalEvent.wheelDelta/10);
+		});
 		this.input.on('focus', function() {
 				this.input.val(this.options.value);
 				this.span.hide();
diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css
index 7ed1fbd2b6..b1a850bc5e 100644
--- a/api/templates/default/etemplate2.css
+++ b/api/templates/default/etemplate2.css
@@ -907,7 +907,25 @@ div.et2_vfsPath ul {
 	/* This hides the higher level directories if overflow */
 	direction: rtl;
 	height: 100%;
+	overflow-y: hidden;
+    overflow-x: auto;
+    padding-bottom: 13px;
+    max-width: 92%;
+    margin-right: 7%;
 }
+div.et2_vfsPath ul::-webkit-scrollbar {
+      background: transparent;
+      overflow-y: hidden;
+      width: 1px;
+}
+
+div.et2_vfsPath ul::-webkit-scrollbar-thumb {
+    background: transparent;
+    width: 1px;
+    border-radius: 0px;
+    height: 1px;
+}
+
 div.et2_vfsPath li {
 	direction: ltr;
     display: inline-block;