fix(ui): Limit max width of forms & lists (#845)

src/components/Common/List/index.tsx

@@ -7,12 +7,14 @@ interface ListItemProps {
 
 const ListItem: React.FC<ListItemProps> = ({ title, children }) => {
   return (
-    <div className="py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+    <div>
+      <div className="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
         <dt className="block text-sm font-medium text-gray-400">{title}</dt>
         <dd className="flex text-sm text-white sm:mt-0 sm:col-span-2">
           <span className="flex-grow">{children}</span>
         </dd>
       </div>
+    </div>
   );
 };
 

src/styles/globals.css

@@ -50,7 +50,7 @@ body {
 }
 
 .form-row {
-  @apply mt-6 sm:mt-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start;
+  @apply max-w-6xl mt-6 sm:mt-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start;
 }
 
 .form-input {