diff --git a/js/client-ladder.js b/js/client-ladder.js
index 865a0f1d8..617197030 100644
--- a/js/client-ladder.js
+++ b/js/client-ladder.js
@@ -2,7 +2,7 @@
 
 	var LadderRoom = this.LadderRoom = this.Room.extend({
 		initialize: function() {
-			this.$el.addClass('ps-room-light');
+			this.$el.addClass('ps-room-light').addClass('scrollable');
 			app.on('init:formats', this.update, this);
 			this.update();
 		},
diff --git a/js/client-mainmenu.js b/js/client-mainmenu.js
index 6aa71bc5c..fbd016277 100644
--- a/js/client-mainmenu.js
+++ b/js/client-mainmenu.js
@@ -14,6 +14,7 @@
 			'click button.teamselect': 'selectTeam'
 		},
 		initialize: function() {
+			this.$el.addClass('scrollable');
 
 			var buf = '<div class="mainmenuwrapper">';
 
diff --git a/js/client-teambuilder.js b/js/client-teambuilder.js
index dc8fa1925..6c30afd13 100644
--- a/js/client-teambuilder.js
+++ b/js/client-teambuilder.js
@@ -8,7 +8,7 @@
 			teams = app.user.teams;
 
 			// left menu
-			this.$el.addClass('ps-room-light');
+			this.$el.addClass('ps-room-light').addClass('scrollable');
 			app.on('init:loadteams', this.update, this);
 			this.update();
 		},
diff --git a/style/client.css b/style/client.css
index f24fef760..47dd73aee 100644
--- a/style/client.css
+++ b/style/client.css
@@ -328,7 +328,8 @@ a.subtle:hover {
 
 	border-left: 1px solid #AAAAAA;
 	margin-left: -1px;
-
+}
+.scrollable {
 	overflow: auto;
 	-webkit-overflow-scrolling: touch;
 	overflow-scrolling: touch;