diff --git a/app/[leaflet_id]/page.tsx b/app/[leaflet_id]/page.tsx
index ab5afdca..b3698aef 100644
--- a/app/[leaflet_id]/page.tsx
+++ b/app/[leaflet_id]/page.tsx
@@ -29,7 +29,7 @@ export default async function LeafletPage(props: Props) {
   let rootEntity = res.data?.root_entity;
   if (!rootEntity || !res.data || res.data.blocked_by_admin)
     return (
-      <div className="w-screen h-screen flex place-items-center bg-bg-leaflet">
+      <div className="w-screen h-full flex place-items-center bg-bg-leaflet">
         <div className="bg-bg-page mx-auto p-4 border border-border rounded-md flex flex-col text-center justify-center gap-1 w-fit">
           <div className="font-bold">
             Hmmm…we couldn&apos;t find that Leaflet.
diff --git a/app/[leaflet_id]/publish/PublishPost.tsx b/app/[leaflet_id]/publish/PublishPost.tsx
index 3a8d36e2..3b320661 100644
--- a/app/[leaflet_id]/publish/PublishPost.tsx
+++ b/app/[leaflet_id]/publish/PublishPost.tsx
@@ -27,7 +27,7 @@ export function PublishPost(props: Props) {
     { state: "default" } | { state: "success"; post_url: string }
   >({ state: "default" });
   return (
-    <div className="publishPage w-screen h-screen bg-[#FDFCFA] flex place-items-center justify-center">
+    <div className="publishPage w-screen h-full bg-[#FDFCFA] flex place-items-center justify-center">
       {publishState.state === "default" ? (
         <PublishPostForm setPublishState={setPublishState} {...props} />
       ) : (
diff --git a/app/legal/content.tsx b/app/legal/content.tsx
index f2db8202..b71bc412 100644
--- a/app/legal/content.tsx
+++ b/app/legal/content.tsx
@@ -8,7 +8,7 @@ import Privacy from "./privacy.mdx";
 export const LegalContent = () => {
   let [state, setState] = useState<"terms" | "privacy">("terms");
   return (
-    <div className="flex flex-col h-screen mx-auto sm:px-4 px-3 sm:py-6 py-4 max-w-prose">
+    <div className="flex flex-col h-full mx-auto sm:px-4 px-3 sm:py-6 py-4 max-w-prose">
       <h1 className="pb-4 ">The Legal Stuff</h1>
       <div className="flex flex-row gap-2 z-10">
         <button
diff --git a/app/lish/[did]/[publication]/dashboard/page.tsx b/app/lish/[did]/[publication]/dashboard/page.tsx
index b0c94de5..bb6533f6 100644
--- a/app/lish/[did]/[publication]/dashboard/page.tsx
+++ b/app/lish/[did]/[publication]/dashboard/page.tsx
@@ -72,8 +72,7 @@ export default async function Publication(props: {
         publication_data={publication}
       >
         <ThemeProvider entityID={null}>
-
-          <div className="w-screen h-screen flex place-items-center bg-[#FDFCFA]">
+          <div className="w-screen h-full flex place-items-center bg-[#FDFCFA]">
             <div className="relative w-max h-full  flex sm:flex-row flex-col sm:items-stretch pwa-padding">
               <div
                 className="spacer flex justify-end items-start"
diff --git a/app/lish/[did]/[publication]/subscribeSuccess/page.tsx b/app/lish/[did]/[publication]/subscribeSuccess/page.tsx
index d84f4c6d..975f8500 100644
--- a/app/lish/[did]/[publication]/subscribeSuccess/page.tsx
+++ b/app/lish/[did]/[publication]/subscribeSuccess/page.tsx
@@ -3,7 +3,7 @@ import { RSSSmall } from "components/Icons/RSSSmall";
 
 export default function SubscribeSuccess() {
   return (
-    <div className="h-screen w-screen bg-[#FDFCFA] flex place-items-center text-center ">
+    <div className="h-full w-screen bg-[#FDFCFA] flex place-items-center text-center ">
       <div className="container p-4 max-w-md mx-auto justify-center place-items-center flex flex-col gap-2">
         <h3 className="text-secondary">You've Subscribed!</h3>
         <div className="text-tertiary">
diff --git a/app/lish/createPub/page.tsx b/app/lish/createPub/page.tsx
index 35c4946a..aa22acd0 100644
--- a/app/lish/createPub/page.tsx
+++ b/app/lish/createPub/page.tsx
@@ -5,7 +5,7 @@ export default async function CreatePub() {
   return (
     // Eventually this can pull from home theme?
     <ThemeProvider entityID={null}>
-      <div className="createPubPage relative w-full h-screen flex items-stretch bg-bg-leaflet p-4">
+      <div className="createPubPage relative w-full h-full flex items-stretch bg-bg-leaflet p-4">
         <div className="createPubContent h-full flex items-center max-w-sm w-full mx-auto ">
           <div className="createPubFormWrapper h-fit w-full flex flex-col gap-4">
             <h2 className="text-center">Create Your Publication!</h2>
diff --git a/app/not-found/page.tsx b/app/not-found/page.tsx
index 0a31ed1b..3227975a 100644
--- a/app/not-found/page.tsx
+++ b/app/not-found/page.tsx
@@ -1,6 +1,6 @@
 export default function NotFound() {
   return (
-    <div className="w-screen h-screen flex place-items-center bg-bg-leaflet">
+    <div className="w-screen h-full flex place-items-center bg-bg-leaflet">
       <div className="bg-bg-page mx-auto p-4 border border-border rounded-md flex flex-col text-center justify-centergap-1 w-fit">
         <div className="font-bold">
           Hmmm... Couldn&apos;t find that Leaflet.