diff --git a/browser/components/NoteItem.js b/browser/components/NoteItem.js
index 0a7318dc..321c1204 100644
--- a/browser/components/NoteItem.js
+++ b/browser/components/NoteItem.js
@@ -13,7 +13,7 @@ import styles from './NoteItem.styl'
  */
 const TagElement = ({ tagName }) => (
   <span styleName='item-bottom-tagList-item' key={tagName}>
-    {tagName}
+    #{tagName}
   </span>
 )
 
diff --git a/browser/components/NoteItem.styl b/browser/components/NoteItem.styl
index 2934eab7..e68b6c30 100644
--- a/browser/components/NoteItem.styl
+++ b/browser/components/NoteItem.styl
@@ -86,9 +86,9 @@ $control-height = 30px
   color #FFFFFF
 
 .item-bottom-tagList-item
-  font-size 12px
+  font-size 10px
   margin-right 8px
-  padding 0 10px
+  padding 0
   height 20px
   box-sizing border-box
   border-radius 20px
@@ -129,7 +129,7 @@ body[data-theme="dark"]
       background-color $ui-dark-button--active-backgroundColor
     &:hover
       background-color alpha($ui-dark-button--active-backgroundColor, 20%)
-
+  
   .item-wrapper
     border-color $ui-dark-borderColor
 
@@ -163,8 +163,8 @@ body[data-theme="dark"]
     color $ui-inactive-text-color
 
   .item-bottom-tagList-item
-    background-color $ui-dark-tag-backgroundColor
-    color $ui-dark-text-color
+    background-color transparent
+    color $ui-inactive-text-color
 
   .item-bottom-tagList-empty
     color $ui-inactive-text-color