diff --git a/src/Roster.jsx b/src/Roster.jsx
index 7fede03..de9492f 100644
--- a/src/Roster.jsx
+++ b/src/Roster.jsx
@@ -14,9 +14,6 @@ export const Roster = ({ roster, onePerPage }) => {
 		<div
 			style={{
 				position: "relative",
-				display: "flex",
-				flexDirection: "column",
-				gap: 32,
 				"--primary-color": primaryColor,
 				"--primary-color-transparent": primaryColor + "60",
 			}}
@@ -170,6 +167,7 @@ const Unit = ({ unit, index, catalog, onePerPage }) => {
 				fontWeight: 500,
 				border: "2px solid var(--primary-color)",
 				backgroundColor: "#DFE0E2",
+				marginBottom: 32,
 			}}
 		>
 			<div
diff --git a/src/index.css b/src/index.css
index b067599..4f68272 100644
--- a/src/index.css
+++ b/src/index.css
@@ -155,10 +155,12 @@ button:focus-visible {
 
 .avoid-page-break {
 	position: relative;
+	page-break-inside: avoid;
 	break-inside: avoid;
 }
 
 .page-break {
+	page-break-before: page;
 	break-before: page;
 }