diff --git a/vipra-ui/app/index.html b/vipra-ui/app/index.html
index 570f8442f6ae4cc93a104ad7c128e5bc54a03535..24228438c4aea582671ce310cd5e328a1c019d37 100644
--- a/vipra-ui/app/index.html
+++ b/vipra-ui/app/index.html
@@ -54,7 +54,7 @@
             <a tabindex="0" ui-sref="words"><span class="mnemonic">W</span>ords</a>
           </li>
         </ul>
-        <form class="navbar-form navbar-left" role="search" ng-hide="state.name === 'index'" ng-cloak>
+        <form class="navbar-form navbar-left search-form" role="search" ng-hide="state.name === 'index'" ng-cloak>
           <div class="form-group has-feedback">
             <input tabindex="0" type="text" class="form-control" placeholder="Search..." ng-model="rootModels.search" ng-enter="menubarSearch(rootModels.search)" id="menuSearchBox">
             <i class="form-control-feedback glyphicon glyphicon-search text-muted"></i>
diff --git a/vipra-ui/app/js/directives.js b/vipra-ui/app/js/directives.js
index 779d1e976aee20062d6b0faf3eebcb3b77c2d512..1aac8d1a29345c097065eddd152f422839cd8bbb 100644
--- a/vipra-ui/app/js/directives.js
+++ b/vipra-ui/app/js/directives.js
@@ -2,7 +2,7 @@
  * Vipra Application
  * Directives
  ******************************************************************************/
-/* globals angular, Vipra, bootbox, $ */
+/* globals angular, Vipra, bootbox */
 (function() {
 
   "use strict";
@@ -118,7 +118,7 @@
         highcharts: '='
       },
       link: function($scope, $element) {
-        $scope.$watch('highcharts', function(newVal) {
+        $scope.$watch('highcharts', function() {
           $element.highcharts($scope.highcharts);
         });
       }
diff --git a/vipra-ui/app/less/app.less b/vipra-ui/app/less/app.less
index ae6c94f689a4daf2363df9ef4abb8b10201991c3..c0e33a023cdf483a8fa197614f6b508c91a9ab88 100644
--- a/vipra-ui/app/less/app.less
+++ b/vipra-ui/app/less/app.less
@@ -252,6 +252,7 @@ a:hover {
     background: #f9f9f9;
     padding: @sidebar-padding;
     height: 100%;
+    min-width: 250px;
     > * + * {
       margin-top: 5px;
     }
@@ -596,4 +597,10 @@ entity-menu {
 
 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide {
     display: none !important;
+}
+
+@media screen and (max-width: 900px) {
+  .search-form {
+    display: none;
+  }
 }
\ No newline at end of file