diff --git a/client/src/components/layout.tsx b/client/src/components/layout.tsx
index d76ef75..c2412de 100644
--- a/client/src/components/layout.tsx
+++ b/client/src/components/layout.tsx
@@ -61,6 +61,13 @@ export const SpoolmanLayout: React.FC<SpoolmanLayoutProps> = ({ children }) => (
     )}
     Footer={() => <SpoolmanFooter />}
   >
-    {children}
+    <div
+      style={{
+        maxWidth: 1400,
+        margin: "0 auto",
+      }}
+    >
+      {children}
+    </div>
   </ThemedLayout>
 );
diff --git a/client/src/utils/overrides.css b/client/src/utils/overrides.css
index f353989..5139cdf 100644
--- a/client/src/utils/overrides.css
+++ b/client/src/utils/overrides.css
@@ -1,3 +1,8 @@
 #qty-input {
   text-align: center !important;
 }
+
+/* Constrain form width for better readability on wide screens */
+.ant-form {
+  max-width: 800px;
+}