diff --git a/zeppelin-distribution/src/bin_license/LICENSE b/zeppelin-distribution/src/bin_license/LICENSE
index 7dd1fb3b779..32822c5d835 100644
--- a/zeppelin-distribution/src/bin_license/LICENSE
+++ b/zeppelin-distribution/src/bin_license/LICENSE
@@ -271,6 +271,7 @@ The text of each license is also included at licenses/LICENSE-[project]-[version
     (The MIT License) Unirest 1.4.9 (com.mashape.unirest:unirest-java:1.4.9 - https://github.com/Mashape/unirest-java)
     (The MIT License) ngclipboard v1.1.1 (https://github.com/sachinchoolur/ngclipboard) - https://github.com/sachinchoolur/ngclipboard/blob/1.1.1/LICENSE
     (The MIT License) headroom.js 0.9.3 (https://github.com/WickyNilliams/headroom.js) - https://github.com/WickyNilliams/headroom.js/blob/master/LICENSE
+    (The MIT License) angular-viewport-watch 0.135 (https://github.com/wix/angular-viewport-watch) - https://github.com/wix/angular-viewport-watch/blob/master/LICENSE
 
 ========================================================================
 BSD-style licenses
diff --git a/zeppelin-web/package.json b/zeppelin-web/package.json
index 39b230a69d5..74e3d4d516e 100644
--- a/zeppelin-web/package.json
+++ b/zeppelin-web/package.json
@@ -21,6 +21,7 @@
     "test": "karma start karma.conf.js"
   },
   "dependencies": {
+    "angular-viewport-watch": "github:shahata/angular-viewport-watch",
     "github-markdown-css": "2.6.0",
     "angular-ui-grid": "^4.0.4",
     "grunt-angular-templates": "^0.5.7",
diff --git a/zeppelin-web/src/app/app.js b/zeppelin-web/src/app/app.js
index 427d34046cc..f14766b970c 100644
--- a/zeppelin-web/src/app/app.js
+++ b/zeppelin-web/src/app/app.js
@@ -17,6 +17,7 @@
 
 import 'headroom.js'
 import 'headroom.js/dist/angular.headroom'
+import 'angular-viewport-watch/angular-viewport-watch.js'
 
 import 'angular-ui-grid/ui-grid.css'
 import 'angular-ui-grid'
@@ -40,6 +41,7 @@ const requiredModules = [
   'focus-if',
   'ngResource',
   'ngclipboard',
+  'angularViewportWatch',
   'ui.grid',
   'ui.grid.exporter',
   'ui.grid.edit', 'ui.grid.rowEdit',
diff --git a/zeppelin-web/src/app/notebook/notebook.html b/zeppelin-web/src/app/notebook/notebook.html
index 293e2c2bd6c..63ef98b94d3 100644
--- a/zeppelin-web/src/app/notebook/notebook.html
+++ b/zeppelin-web/src/app/notebook/notebook.html
@@ -112,7 +112,8 @@ <h4>Note Permissions (Only note owners can change)</h4>
        ng-controller="ParagraphCtrl"
        ng-init="init(currentParagraph, note)"
        ng-class="columnWidthClass(currentParagraph.config.colWidth)"
-       style="margin: 0; padding: 0;">
+       style="margin: 0; padding: 0;"
+       viewport-watch>
     <div class="new-paragraph" ng-click="insertNew('above')" ng-hide="viewOnly || asIframe || revisionView">
       <h4 class="plus-sign">&#43;</h4>
     </div>