diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 5b2d368..1c2b0f6 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -92,7 +92,9 @@ export default function Home() {
   });
 
   const InnerPadding: FlowComponent = (props) => (
-    <div classList={{ "px-16": state.fullWidthInvoice }}>{props.children}</div>
+    <div classList={{ "mx-16 print:mx-[11mm]": state.fullWidthInvoice }}>
+      {props.children}
+    </div>
   );
 
   const PageHeader: Component = () => {
@@ -278,9 +280,9 @@ export default function Home() {
         <Style type="text/css">{`
 @page {
   size: A4 portrait;
-  margin: 11mm ${state.fullWidthInvoice ? 0 : 4}rem 11mm ${
-          state.fullWidthInvoice ? 0 : 4
-        }rem;
+  margin: 11mm ${state.fullWidthInvoice ? 0 : 11}mm 11mm ${
+          state.fullWidthInvoice ? 0 : 11
+        }mm;
 }
 
 .swissinvoice {