Fix PWA menu paddings

app/components/MobileNav.module.css

@@ -180,7 +180,7 @@
 	color: var(--color-text-high);
 	min-height: var(--layout-nav-height);
 
-	&:first-child {
+	.panelDialog > &:first-child {
 		border-top: none;
 		padding-block-start: env(safe-area-inset-top);
 	}
@@ -218,6 +218,7 @@
 	list-style: none;
 	margin: 0;
 	padding: var(--s-4);
+	padding-block-end: calc(env(safe-area-inset-bottom) + var(--s-4));
 
 	& a:not(:first-child) {
 		padding-block: var(--s-2);

app/components/layout/ChatSidebar.module.css

@@ -23,6 +23,17 @@
 	}
 }
 
+@media screen and (display-mode: standalone) and (max-width: 599px) {
+	.sidebarHeader,
+	.chatHeader {
+		padding-block-start: env(safe-area-inset-top);
+	}
+
+	.sidebar {
+		padding-block-end: env(safe-area-inset-bottom);
+	}
+}
+
 .closeButton {
 	display: grid;
 	place-items: center;