diff --git a/packages/frontend/src/ui/universal.vue b/packages/frontend/src/ui/universal.vue
index 865616f192..9f1324313e 100644
--- a/packages/frontend/src/ui/universal.vue
+++ b/packages/frontend/src/ui/universal.vue
@@ -287,7 +287,7 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
 		z-index: 1000;
 		bottom: 0;
 		left: 0;
-		padding: 12px 12px max(12px, calc(env(safe-area-inset-bottom, 0px) + 8px)) 12px;
+		padding: 12px 12px max(12px, env(safe-area-inset-bottom, 0px)) 12px;
 		display: grid;
 		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 		grid-gap: 8px;
@@ -333,6 +333,11 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
 					opacity: 0.5;
 				}
 			}
+
+			&.post {
+				background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
+				color: var(--fgOnAccent);
+			}
 		}
 	}