diff --git a/apps/edr-freight-web/portal/src/pages/contracts/ContractViewPage.tsx b/apps/edr-freight-web/portal/src/pages/contracts/ContractViewPage.tsx
index c525b03c4..8f13e1466 100644
--- a/apps/edr-freight-web/portal/src/pages/contracts/ContractViewPage.tsx
+++ b/apps/edr-freight-web/portal/src/pages/contracts/ContractViewPage.tsx
@@ -33,8 +33,7 @@ import { contractsService } from "@/services/contracts.service";
 import { api } from "@/services/api";
 import { extractApiError } from "@/utils/result";
 
-const CONSENT_TEXT =
-  "I have read the entire contract and agree to its terms.";
+const CONSENT_TEXT = "I have read the entire contract and agree to its terms.";
 
 /**
  * Customer contract preview + sign. Customers must scroll through the full
@@ -224,7 +223,10 @@ export default function ContractViewPage() {
   }
 
   return (
-    <Box p={{ base: "md", md: "xl" }} pb={data.canSignCustomer ? 120 : undefined}>
+    <Box
+      p={{ base: "md", md: "xl" }}
+      pb={data.canSignCustomer ? 120 : undefined}
+    >
       <Box maw={920} mx="auto">
         <Group justify="space-between" wrap="wrap" gap="sm" mb="md">
           <Button
@@ -297,6 +299,7 @@ export default function ContractViewPage() {
             zIndex: 100,
             borderTop: "1px solid var(--mantine-color-gray-3)",
             background: "var(--mantine-color-body)",
+            paddingBottom: 32,
           }}
         >
           <Box maw={920} mx="auto">
@@ -423,10 +426,7 @@ export default function ContractViewPage() {
                 flexShrink: 0,
               }}
             >
-              <ShieldCheck
-                size={20}
-                color="var(--mantine-color-edr-green-6)"
-              />
+              <ShieldCheck size={20} color="var(--mantine-color-edr-green-6)" />
             </Box>
             <Text size="sm" c="dimmed">
               For security, enter the 6-digit code we sent to your registered