diff --git a/src/Journals/JournalEdit.tsx b/src/Journals/JournalEdit.tsx
index d59f95d..b5582df 100644
--- a/src/Journals/JournalEdit.tsx
+++ b/src/Journals/JournalEdit.tsx
@@ -86,7 +86,7 @@ class JournalEdit extends React.PureComponent<PropsTypeInner> {
     return (
       <>
         <AppBarOverride title={pageTitle} />
-        <Container style={{maxWidth: 400}}>
+        <Container style={{maxWidth: '30rem'}}>
           <form onSubmit={this.onSubmit}>
             <FormControl disabled={this.props.item !== undefined} style={styles.fullWidth} >
               <InputLabel>
diff --git a/src/Journals/JournalMembers.tsx b/src/Journals/JournalMembers.tsx
index a867100..1a8ba47 100644
--- a/src/Journals/JournalMembers.tsx
+++ b/src/Journals/JournalMembers.tsx
@@ -36,7 +36,7 @@ class JournalMembers extends React.PureComponent<PropsTypeInner> {
     return (
       <>
         <AppBarOverride title={`${info.displayName} - Members`} />
-        <Container style={{maxWidth: 400}}>
+        <Container style={{maxWidth: '30rem'}}>
           { members ?
               (members.length > 0 ?
                 <List>
diff --git a/src/LoginGate.tsx b/src/LoginGate.tsx
index f2eb142..e851d59 100644
--- a/src/LoginGate.tsx
+++ b/src/LoginGate.tsx
@@ -47,7 +47,7 @@ class LoginGate extends React.Component {
       };
 
       return (
-        <Container style={{maxWidth: 400}}>
+        <Container style={{maxWidth: '30rem'}}>
           <h2>Please Log In</h2>
           <LoginForm
             onSubmit={this.onFormSubmit}
@@ -71,7 +71,7 @@ class LoginGate extends React.Component {
       );
     } else if (this.props.credentials.value.encryptionKey === null) {
       return (
-        <Container style={{maxWidth: 400}}>
+        <Container style={{maxWidth: '30rem'}}>
           <h2>Encryption Password</h2>
           <p>
             You are logged in as <strong>{this.props.credentials.value.credentials.email}</strong>.
diff --git a/src/Pim/index.tsx b/src/Pim/index.tsx
index 7ea9234..3168e17 100644
--- a/src/Pim/index.tsx
+++ b/src/Pim/index.tsx
@@ -133,7 +133,7 @@ const CollectionRoutes = withStyles(styles)(withRouter(
             path={routeResolver.getRoute(props.routePrefix + '.new')}
             exact={true}
             render={({match}) => (
-              <Container style={{maxWidth: 400}}>
+              <Container style={{maxWidth: '30rem'}}>
                 <ComponentEdit
                   collections={props.collections}
                   onSave={props.onItemSave}
@@ -146,7 +146,7 @@ const CollectionRoutes = withStyles(styles)(withRouter(
             path={routeResolver.getRoute(props.routePrefix + '._id.edit')}
             exact={true}
             render={({match}) => (
-              <Container style={{maxWidth: 400}}>
+              <Container style={{maxWidth: '30rem'}}>
                 {(match.params.itemUid in props.items) &&
                   <ComponentEdit
                     initialCollection={(props.items[match.params.itemUid] as any).journalUid}