diff --git a/packages/client/src/components/notification-toast.vue b/packages/client/src/components/notification-toast.vue
index 4c5783e52..b808647bb 100644
--- a/packages/client/src/components/notification-toast.vue
+++ b/packages/client/src/components/notification-toast.vue
@@ -53,7 +53,7 @@ onMounted(() => {
 	}
 
 	@media (max-width: 500px) {
-		bottom: 92px;
+		bottom: calc(env(safe-area-inset-bottom, 0px) + 92px);
 		padding: 0 8px;
 	}
 
diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue
index 000fec9b4..a5ff7a625 100644
--- a/packages/client/src/ui/universal.vue
+++ b/packages/client/src/ui/universal.vue
@@ -265,7 +265,7 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
 			min-width: 0;
 
 			> .spacer {
-				height: 82px;
+				height: calc(env(safe-area-inset-bottom, 0px) + 96px);
 
 				@media (min-width: ($widgets-hide-threshold + 1px)) {
 					display: none;