diff --git a/browser/main/NoteList/NoteList.styl b/browser/main/NoteList/NoteList.styl
index 9bebabb8..f9986d26 100644
--- a/browser/main/NoteList/NoteList.styl
+++ b/browser/main/NoteList/NoteList.styl
@@ -116,7 +116,8 @@ $control-height = 30px
   height 40px
   box-sizing border-box
   line-height 24px
-  padding 10px 0
+  padding-top 5px
+  padding-bottom 20px
   overflow ellipsis
   color $ui-text-color
 
@@ -171,6 +172,17 @@ $control-height = 30px
   color $ui-inactive-text-color
   font-size 12px
 
+.item-star
+  position absolute
+  top 20px
+  right 20px
+  width 34px
+  height 34px
+  color $ui-favorite-star-button-color
+  font-size 14px
+  padding 0
+  border-radius 17px
+
 body[data-theme="dark"]
   .root
     border-color $ui-dark-borderColor
diff --git a/browser/main/NoteList/index.js b/browser/main/NoteList/index.js
index c9ce3ae4..40d65740 100644
--- a/browser/main/NoteList/index.js
+++ b/browser/main/NoteList/index.js
@@ -6,6 +6,7 @@ import _ from 'lodash'
 import ee from 'browser/main/lib/eventEmitter'
 import dataApi from 'browser/main/lib/dataApi'
 import ConfigManager from 'browser/main/lib/ConfigManager'
+import StarButton from 'browser/main/Detail/StarButton'
 
 const { remote } = require('electron')
 const { Menu, MenuItem, dialog } = remote
@@ -359,6 +360,13 @@ class NoteList extends React.Component {
                 </div>
               </div>
             }
+
+            <i styleName='item-star'
+              className={note.isStarred
+                ? 'fa fa-star'
+                : 'fa fa-star-o'
+              }
+            />
           </div>
         )
       })