diff --git a/web/src/routes/portal/PortalDetail.tsx b/web/src/routes/portal/PortalDetail.tsx
index 493f9c5..af66a34 100644
--- a/web/src/routes/portal/PortalDetail.tsx
+++ b/web/src/routes/portal/PortalDetail.tsx
@@ -88,7 +88,7 @@ export default function PortalDetail({ workItems }: PortalDetailProps) {
   }
 
   return (
-    <div className="min-h-screen bg-[var(--bg-page)]">
+    <div className="min-h-screen bg-[var(--bg-page)] pb-24 md:pb-12">
       {/* Teal brand header */}
       <div className="bg-[var(--accent)]">
         <div className="max-w-2xl mx-auto px-4 pt-4 pb-2">
diff --git a/web/src/routes/portal/PortalHome.tsx b/web/src/routes/portal/PortalHome.tsx
index 7d0ad1d..eac502c 100644
--- a/web/src/routes/portal/PortalHome.tsx
+++ b/web/src/routes/portal/PortalHome.tsx
@@ -41,7 +41,7 @@ export default function PortalHome({ workItems, clientName }: PortalHomeProps) {
   const rest = items.filter((i) => i.status !== 'inReview');
 
   return (
-    <div className="min-h-screen bg-[var(--bg-page)]">
+    <div className="min-h-screen bg-[var(--bg-page)] pb-24 md:pb-12">
       {/* Teal brand header */}
       <div className="bg-[#4BA8A8]">
         <div className="max-w-2xl mx-auto px-4 pt-6 pb-2 flex items-center justify-between">
diff --git a/web/src/routes/portal/PortalQuote.tsx b/web/src/routes/portal/PortalQuote.tsx
index 4f0b5bc..ac256f8 100644
--- a/web/src/routes/portal/PortalQuote.tsx
+++ b/web/src/routes/portal/PortalQuote.tsx
@@ -91,7 +91,7 @@ export default function PortalQuote() {
   const canRespond = !responded && !expired && quote.status !== 'draft';
 
   return (
-    <div className="min-h-screen bg-[var(--bg-page)]">
+    <div className="min-h-screen bg-[var(--bg-page)] pb-24 md:pb-12">
       {/* Header */}
       <div className="bg-[#4BA8A8]">
         <div className="max-w-2xl mx-auto px-4 py-4 flex items-center justify-between">