style edit

app/components/submission-wizard/Submit.jsx

@@ -30,6 +30,10 @@ const Alert = withTheme(({ children, theme }) => (
   </Icon>
 ))
 
+const CloseEdit = styled(Close)`
+  margin: calc(${th('gridUnit')} * 6) auto calc(${th('gridUnit')} * 2);
+`
+
 const ErrorReport = styled.p`
   white-space: pre-wrap;
   font-style: italic;
@@ -135,11 +139,11 @@ class Submit extends React.Component {
             } else if (editing) {
               return (
                 <Page>
-                  <Close>
+                  <CloseEdit>
                     <CloseButton
                       onClick={() => this.setState({ editing: null })}
                     />
-                  </Close>
+                  </CloseEdit>
                   {editing.props['data-upload'] ? (
                     <div>
                       <H2>Files</H2>

app/components/ui/atoms/CloseButton.jsx

 import React from 'react'
 import styled from 'styled-components'
-import { th } from '@pubsweet/ui-toolkit'
 import { Icon, Action } from '@pubsweet/ui'
 
 const Close = styled.p`
   display: flex;
   align-items: center;
-  justify-content: flex-end
-  margin: calc(${th('gridUnit')} * 6) auto calc(${th('gridUnit')} * 2);
+  justify-content: flex-end;
 `
 
 const CloseButton = ({ size = 4, ...props }) => (

app/components/ui/atoms/Modal.jsx

@@ -15,7 +15,6 @@ export const Modal = styled.div`
   box-sizing: border-box;
   margin: calc(${th('gridUnit')} * 4) auto;
   & > p:first-child {
-    margin: 0;
     & + h2 {
       margin-top: 0;
     }