diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue
index 357108884..86d4ab01f 100644
--- a/packages/client/src/ui/universal.vue
+++ b/packages/client/src/ui/universal.vue
@@ -91,7 +91,6 @@
 					<i class="ph-stack ph-bold ph-lg"></i>
 				</div>
 			</button>
-		</div>
 
 		<button
 			v-if="isMobile && mainRouter.currentRoute.value.name === 'index'"
@@ -113,6 +112,7 @@
 		>
 			<i class="ph-user-plus ph-bold ph-lg"></i>
 		</button>
+		</div>
 
 		<transition :name="$store.state.animation ? 'menuDrawer-back' : ''">
 			<div
@@ -510,6 +510,22 @@ console.log(mainRouter.currentRoute.value.name);
 		background: var(--bg);
 	}
 
+	.postButton {
+	composes: navButton;
+	background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
+	color: var(--fgOnAccent);
+
+	&:hover {
+		background: linear-gradient(90deg, var(--X8), var(--X8));
+		color: var(--fgOnAccent);
+	}
+
+	&:active {
+		background: linear-gradient(90deg, var(--X8), var(--X8));
+		color: var(--fgOnAccent);
+	}
+}
+/*
 	> .postButton,
 	.widgetButton {
 		bottom: var(--stickyBottom);
@@ -544,7 +560,7 @@ console.log(mainRouter.currentRoute.value.name);
 			background-size: 100%;
 			transition: background 0.1s;
 		}
-	}
+	}*/
 
 	> .buttons {
 		position: fixed;