diff --git a/zeppelin-web/src/components/navbar/navbar-noteList-elem.html b/zeppelin-web/src/components/navbar/navbar-noteList-elem.html
index ece94a9c2f4..bba34b9cd29 100644
--- a/zeppelin-web/src/components/navbar/navbar-noteList-elem.html
+++ b/zeppelin-web/src/components/navbar/navbar-noteList-elem.html
@@ -11,7 +11,12 @@
 See the License for the specific language governing permissions and
 limitations under the License.
 -->
-
+<a style="text-decoration: none; position: relative;">
+  <i style="font-size: 13px; margin: 5px; cursor: pointer; text-decoration: none; position: absolute; right: 0; z-index: 1;"
+     class="fa fa-eraser" ng-click="clearAllParagraphOutput(note.id)"
+     tooltip-placement="left" tooltip="Clear notes output">
+  </i>
+</a>
 <a class="notebook-list-item" ng-if="!note.children" href="#/notebook/{{note.id}}">
   <i style="font-size: 10px; margin-right: 5px;" class="icon-doc"></i>
   <span>{{noteName(note)}}</span>
diff --git a/zeppelin-web/src/components/navbar/navbar.controller.js b/zeppelin-web/src/components/navbar/navbar.controller.js
index 8d024ad7104..a416a6ed410 100644
--- a/zeppelin-web/src/components/navbar/navbar.controller.js
+++ b/zeppelin-web/src/components/navbar/navbar.controller.js
@@ -26,12 +26,13 @@
     'baseUrlSrv',
     'websocketMsgSrv',
     'arrayOrderingSrv',
-    'searchService'
+    'searchService',
+    'noteActionSrv'
   ];
 
   function NavCtrl($scope, $rootScope, $http, $routeParams, $location,
                    noteListDataFactory, baseUrlSrv, websocketMsgSrv,
-                   arrayOrderingSrv, searchService) {
+                   arrayOrderingSrv, searchService, noteActionSrv) {
     var vm = this;
     vm.arrayOrderingSrv = arrayOrderingSrv;
     vm.connected = websocketMsgSrv.isConnected();
@@ -125,6 +126,10 @@
       loadNotes();
     });
 
+    $scope.clearAllParagraphOutput = function(noteId) {
+      noteActionSrv.clearAllParagraphOutput(noteId);
+    };
+
     /*
     ** Performance optimization for Browser Render.
     */