diff --git a/pkg/interface/publish/src/js/components/lib/note.js b/pkg/interface/publish/src/js/components/lib/note.js
index 80ebe6039..bdd6216ef 100644
--- a/pkg/interface/publish/src/js/components/lib/note.js
+++ b/pkg/interface/publish/src/js/components/lib/note.js
@@ -9,7 +9,22 @@ export class Note extends Component {
   render() {
     return (
       <div>
-        <Comments/>
+      <div className="f7 sans">Title</div>
+      <div className="f7 mono gray-60">Author</div>
+      <Body/>
+      <Previous className="pv10 bt br bb b-gray">
+        <h7>Previous Post</h7>
+        <h7>Title</h7>
+        <h7 className="gray">Date</h7>
+      </Previous>
+      <Next className="pv10 bt bl bb b-gray">
+      <h7>Next Post</h7>
+      <h7>Title</h7>
+      <h7 className="gray">Date</h7>
+      </Next>
+
+
+      <Comments/>
       </div>
     )
   }