diff --git a/src/client/components/sidebar.vue b/src/client/components/sidebar.vue
index 0fcdc0f2a9..fff11faddb 100644
--- a/src/client/components/sidebar.vue
+++ b/src/client/components/sidebar.vue
@@ -35,6 +35,9 @@
 				<MkA class="item" active-class="active" to="/settings">
 					<Fa :icon="faCog" fixed-width/><span class="text">{{ $ts.settings }}</span>
 				</MkA>
+				<button class="item _button post" @click="post">
+					<Fa :icon="faPencilAlt" fixed-width/><span class="text">{{ $ts.note }}</span>
+				</button>
 			</div>
 		</nav>
 	</transition>
@@ -117,6 +120,10 @@ export default defineComponent({
 			this.showing = true;
 		},
 
+		post() {
+			os.post();
+		},
+
 		search() {
 			if (this.searching) return;
 
@@ -352,7 +359,6 @@ export default defineComponent({
 			z-index: 1001;
 
 			> div {
-				> .index,
 				> .notifications {
 					display: none;
 				}
diff --git a/src/client/ui/deck.vue b/src/client/ui/deck.vue
index a31fcebcaf..0cbfd7a48b 100644
--- a/src/client/ui/deck.vue
+++ b/src/client/ui/deck.vue
@@ -204,6 +204,10 @@ export default defineComponent({
 		border-radius: 100%;
 		box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
 		font-size: 22px;
+
+		@media (min-width: ($nav-hide-threshold + 1px)) {
+			display: none;
+		}
 	}
 
 	> .post {
@@ -215,10 +219,6 @@ export default defineComponent({
 		background: var(--panel);
 		color: var(--fg);
 
-		@media (min-width: ($nav-hide-threshold + 1px)) {
-			display: none;
-		}
-
 		&:hover {
 			background: var(--X2);
 		}
diff --git a/src/client/ui/default.vue b/src/client/ui/default.vue
index 46d02954be..066b9dd354 100644
--- a/src/client/ui/default.vue
+++ b/src/client/ui/default.vue
@@ -29,10 +29,9 @@
 
 	<div class="buttons" :class="{ navHidden }">
 		<button class="button nav _button" @click="showNav" ref="navButton"><Fa :icon="faBars"/><i v-if="navIndicated"><Fa :icon="faCircle"/></i></button>
-		<button v-if="$route.name === 'index'" class="button home _button" @click="top()"><Fa :icon="faHome"/></button>
-		<button v-else class="button home _button" @click="$router.push('/')"><Fa :icon="faHome"/></button>
 		<button class="button notifications _button" @click="$router.push('/my/notifications')"><Fa :icon="faBell"/><i v-if="$i.hasUnreadNotification"><Fa :icon="faCircle"/></i></button>
 		<button class="button widget _button" @click="widgetsShowing = true"><Fa :icon="faLayerGroup"/></button>
+		<button class="button post _button" @click="post"><Fa :icon="faPencilAlt"/></button>
 	</div>
 
 	<button class="widgetButton _button" :class="{ navHidden }" @click="widgetsShowing = true"><Fa :icon="faLayerGroup"/></button>
@@ -55,7 +54,7 @@
 
 <script lang="ts">
 import { defineComponent, defineAsyncComponent, markRaw } from 'vue';
-import { faLayerGroup, faBars, faHome, faCircle, faWindowMaximize, faColumns } from '@fortawesome/free-solid-svg-icons';
+import { faLayerGroup, faBars, faHome, faCircle, faWindowMaximize, faColumns, faPencilAlt } from '@fortawesome/free-solid-svg-icons';
 import { faBell } from '@fortawesome/free-regular-svg-icons';
 import { host } from '@/config';
 import { search } from '@/scripts/search';
@@ -97,7 +96,7 @@ export default defineComponent({
 			navHidden: false,
 			widgetsShowing: false,
 			wallpaper: localStorage.getItem('wallpaper') != null,
-			faLayerGroup, faBars, faBell, faHome, faCircle,
+			faLayerGroup, faBars, faBell, faHome, faCircle, faPencilAlt,
 		};
 	},
 
@@ -192,6 +191,10 @@ export default defineComponent({
 			}, { passive: true });
 		},
 
+		post() {
+			os.post();
+		},
+
 		top() {
 			window.scroll({ top: 0, behavior: 'smooth' });
 		},