diff --git a/browser/main/Detail/InfoPanel.js b/browser/main/Detail/InfoPanel.js
index 33858665..1165f23a 100644
--- a/browser/main/Detail/InfoPanel.js
+++ b/browser/main/Detail/InfoPanel.js
@@ -3,7 +3,7 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './InfoPanel.styl'
 
 const InfoPanel = ({
-  storageName, folderName, noteKey, updatedAt, createdAt
+  storageName, folderName, noteLink, updatedAt, createdAt
 }) => (
   <div className='infoPanel' styleName='control-infoButton-panel' style={{display: 'none'}}>
     <div styleName='group-section'>
@@ -43,7 +43,7 @@ const InfoPanel = ({
         Note Link
       </div>
       <div styleName='group-section-control'>
-        <input value={noteKey} onClick={(e) => { e.target.select() }} />
+        <input value={noteLink} onClick={(e) => { e.target.select() }} />
       </div>
     </div>
 
@@ -54,7 +54,7 @@ const InfoPanel = ({
 InfoPanel.propTypes = {
   storageName: PropTypes.string.isRequired,
   folderName: PropTypes.string.isRequired,
-  noteKey: PropTypes.string.isRequired,
+  noteLink: PropTypes.string.isRequired,
   updatedAt: PropTypes.string.isRequired,
   createdAt: PropTypes.string.isRequired
 }
diff --git a/browser/main/Detail/MarkdownNoteDetail.js b/browser/main/Detail/MarkdownNoteDetail.js
index 37d3f71f..72ab1b36 100644
--- a/browser/main/Detail/MarkdownNoteDetail.js
+++ b/browser/main/Detail/MarkdownNoteDetail.js
@@ -349,7 +349,7 @@ class MarkdownNoteDetail extends React.Component {
         <InfoPanel
           storageName={currentOption.storage.name}
           folderName={currentOption.folder.name}
-          noteKey={location.query.key}
+          noteLink={`[title](${location.query.key})`}
           updatedAt={formatDate(note.updatedAt)}
           createdAt={formatDate(note.createdAt)}
         />
diff --git a/browser/main/Detail/SnippetNoteDetail.js b/browser/main/Detail/SnippetNoteDetail.js
index 30263297..87220442 100644
--- a/browser/main/Detail/SnippetNoteDetail.js
+++ b/browser/main/Detail/SnippetNoteDetail.js
@@ -582,6 +582,16 @@ class SnippetNoteDetail extends React.Component {
         >
           <i className='fa fa-arrows-alt' styleName='fullScreen-button' />
         </button>
+        <InfoButton
+          onClick={(e) => this.handleInfoButtonClick(e)}
+        />
+        <InfoPanel
+          storageName={currentOption.storage.name}
+          folderName={currentOption.folder.name}
+          noteLink={`[title](${location.query.key})`}
+          updatedAt={formatDate(note.updatedAt)}
+          createdAt={formatDate(note.createdAt)}
+        />
       </div>
     </div>