diff --git a/web/src/App.tsx b/web/src/App.tsx
index d19680ed4..c4bdab9f2 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -35,10 +35,9 @@ function App() {
               id="pageRoot"
               className={cn(
                 "absolute right-0 top-0 overflow-hidden",
-                isMobile &&
-                  "bottom-12 left-0 md:bottom-16 landscape:bottom-14 landscape:md:bottom-16",
-                isMobile && isPWA && "bottom-16",
-                isDesktop && "bottom-8 left-[52px]",
+                isMobile
+                  ? `bottom-${isPWA ? 16 : 12} left-0 md:bottom-16 landscape:bottom-14 landscape:md:bottom-16`
+                  : "bottom-8 left-[52px]",
               )}
             >
               <Suspense>
diff --git a/web/src/components/navigation/Bottombar.tsx b/web/src/components/navigation/Bottombar.tsx
index fd4a3a743..2f73a4f9e 100644
--- a/web/src/components/navigation/Bottombar.tsx
+++ b/web/src/components/navigation/Bottombar.tsx
@@ -25,7 +25,9 @@ function Bottombar() {
     <div
       className={cn(
         "absolute inset-x-4 bottom-0 flex h-16 flex-row justify-between",
-        isPWA ? "items-start pt-1" : "items-center",
+        isPWA
+          ? "portrait:items-start portrait:pt-1 landscape:items-center"
+          : "items-center",
         isMobile && !isPWA && "h-12 landscape:md:h-16",
       )}
     >