diff --git a/browser/main/Detail/MarkdownNoteDetail.js b/browser/main/Detail/MarkdownNoteDetail.js
index d64e1817..2dac51a6 100644
--- a/browser/main/Detail/MarkdownNoteDetail.js
+++ b/browser/main/Detail/MarkdownNoteDetail.js
@@ -380,6 +380,7 @@ class MarkdownNoteDetail extends React.Component {
onMouseDown={(e) => this.handleLockButtonMouseDown(e)}
>
+ {this.state.isLocked ? Unlock : Lock}
return (
diff --git a/browser/main/Detail/MarkdownNoteDetail.styl b/browser/main/Detail/MarkdownNoteDetail.styl
index 1d3125e3..652532c7 100644
--- a/browser/main/Detail/MarkdownNoteDetail.styl
+++ b/browser/main/Detail/MarkdownNoteDetail.styl
@@ -13,6 +13,24 @@
.control-lockButton
topBarButtonRight()
+ position absolute
+ right 225px
+ &:hover .tooltip
+ opacity 1
+
+ .tooltip
+ tooltip()
+ position absolute
+ pointer-events none
+ top 35px
+ right -10px
+ width 50px
+ z-index 200
+ padding 5px
+ line-height normal
+ border-radius 2px
+ opacity 0
+ transition 0.1s
.trashed-infopanel
position relative
diff --git a/resources/icon/icon-previewoff-off.svg b/resources/icon/icon-previewoff-off.svg
index b0e720e7..857c1928 100644
--- a/resources/icon/icon-previewoff-off.svg
+++ b/resources/icon/icon-previewoff-off.svg
@@ -1,5 +1,5 @@
-