diff --git a/static/js/controllers/mediastreamcontroller.js b/static/js/controllers/mediastreamcontroller.js
index cd62c58d..f9f6d162 100644
--- a/static/js/controllers/mediastreamcontroller.js
+++ b/static/js/controllers/mediastreamcontroller.js
@@ -87,6 +87,10 @@ define(['underscore', 'bigscreen', 'moment', 'sjcl', 'modernizr', 'webrtc.adapte
 		appData.set($scope);
 
 		var videoQualityMap = {
+			tiny: {
+				maxWidth: 80,
+				maxHeight: 45
+			},
 			low: {
 				maxWidth: 320,
 				maxHeight: 180
diff --git a/static/partials/settings.html b/static/partials/settings.html
index 30768722..927e93d2 100644
--- a/static/partials/settings.html
+++ b/static/partials/settings.html
@@ -153,6 +153,7 @@
             <label class="col-xs-4 control-label">{{_('Max video frame rate')}}</label>
             <div class="col-xs-8">
               <div class="btn-group">
+                <button type="button" class="btn btn-default" ng-model="user.settings.maxFrameRate" btn-radio="8">8</button>
                 <button type="button" class="btn btn-default" ng-model="user.settings.maxFrameRate" btn-radio="12">12</button>
                 <button type="button" class="btn btn-default" ng-model="user.settings.maxFrameRate" btn-radio="20">20</button>
                 <button type="button" class="btn btn-default" ng-model="user.settings.maxFrameRate" btn-radio="30">30</button>