diff --git a/src/public/stylesheets/share.css b/src/public/stylesheets/share.css
index 5efbfc59d..69acd3e1c 100644
--- a/src/public/stylesheets/share.css
+++ b/src/public/stylesheets/share.css
@@ -6,11 +6,11 @@ body {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
-    flex-direction: row;
+    flex-direction: row-reverse;
 }
 
 #menu {
-    padding: 20px;
+    padding: 25px;
     flex-basis: 0;
     flex-grow: 1;
     overflow: auto;
diff --git a/src/share/routes.js b/src/share/routes.js
index e1db87f33..465c7d373 100644
--- a/src/share/routes.js
+++ b/src/share/routes.js
@@ -94,7 +94,7 @@ function getContent(note) {
         content = '<p>This note type cannot be displayed.</p>' + getChildrenList(note);
     }
 
-    return `<div class="type-${note.type}">${content}</content>`;
+    return content;
 }
 
 function register(router) {
diff --git a/src/views/share.ejs b/src/views/share.ejs
index 71d9adf56..9c90ecedb 100644
--- a/src/views/share.ejs
+++ b/src/views/share.ejs
@@ -12,21 +12,21 @@
 </head>
 <body>
     <div id="layout">
-        <% if (subRoot.hasChildren()) { %>
-        <button id="menuButton"></button>
-
-        <div id="menu">
-            <%- include('share-tree-item', {note: subRoot, activeNote: note}) %>
-        </div>
-        <% } %>
-
         <div id="main">
             <h1 id="title"><%= note.title %></h1>
 
-            <div id="content">
-                <div class="ck-content"><%- content %></div>
+            <div id="content" class="note-<%= note.type %> <% if (note.type === 'text') { %>ck-content<% } %>">
+                <%- content %>
             </div>
         </div>
+
+        <% if (subRoot.hasChildren()) { %>
+            <button id="menuButton"></button>
+
+            <div id="menu">
+                <%- include('share-tree-item', {note: subRoot, activeNote: note}) %>
+            </div>
+        <% } %>
     </div>
 
     <script>
