diff --git a/css/path.css b/css/path.css
index 2042d27..13a13dd 100644
--- a/css/path.css
+++ b/css/path.css
@@ -57,3 +57,12 @@ div.perkRow {
 div.perkRow .row_key {
 	float: none;
 }
+
+#pathScroller {
+	padding-top: 10px;
+	position: relative;
+	top: -10px;
+	max-height: 660px;
+	width: 475px;
+	overflow-y: auto;
+}
\ No newline at end of file
diff --git a/script/path.js b/script/path.js
index 19283ef..1cbfaae 100644
--- a/script/path.js
+++ b/script/path.js
@@ -32,9 +32,11 @@ var Path = {
 		this.panel = $('<div>').attr('id', "pathPanel")
 			.addClass('location')
 			.appendTo('div#locationSlider');
+
+		this.scroller = $('<div>').attr('id', 'pathScroller').appendTo(this.panel);
 		
 		// Add the outfitting area
-		var outfitting = $('<div>').attr({'id': 'outfitting', 'data-legend': _('supplies:')}).appendTo(this.panel);
+		var outfitting = $('<div>').attr({'id': 'outfitting', 'data-legend': _('supplies:')}).appendTo(this.scroller);
 		$('<div>').attr('id', 'bagspace').appendTo(outfitting);
 		
 		// Add the embark button
@@ -44,7 +46,7 @@ var Path = {
 			click: Path.embark,
 			width: '80px',
 			cooldown: World.DEATH_COOLDOWN
-		}).appendTo(this.panel);
+		}).appendTo(this.scroller);
 		
 		Path.outfit = $SM.get('outfit');