diff --git a/html5/verto/verto_communicator/src/partials/settings.html b/html5/verto/verto_communicator/src/partials/settings.html
index d806f3e2b0..51b80dda16 100644
--- a/html5/verto/verto_communicator/src/partials/settings.html
+++ b/html5/verto/verto_communicator/src/partials/settings.html
@@ -1,4 +1,4 @@
-<div id="settings" ng-controller="SettingsController" click-outside="$parent.toggleSettings()">
+<div id="settings" ng-controller="SettingsController" click-outside="$parent.closeSettings()">
   <div class="content">
     <div class="col-md-4">
 
diff --git a/html5/verto/verto_communicator/src/vertoControllers/controllers/MainController.js b/html5/verto/verto_communicator/src/vertoControllers/controllers/MainController.js
index b1a3794c12..6f61816c82 100644
--- a/html5/verto/verto_communicator/src/vertoControllers/controllers/MainController.js
+++ b/html5/verto/verto_communicator/src/vertoControllers/controllers/MainController.js
@@ -290,6 +290,11 @@
         $rootScope.$emit('toggledSettings', settingsEl.hasClass('toggled'));
       };
 
+      $scope.closeSettings = function() {
+        var settingsEl = angular.element(document.querySelector('#settings'));
+        settingsEl.removeClass('toggled');
+      };
+
       $scope.goFullscreen = function() {
         if (storage.data.userStatus !== 'connected') {
           return;