diff --git a/packages/component-faraday-ui/src/AuthorCard.md b/packages/component-faraday-ui/src/AuthorCard.md
index 53b2664b1c6f9f8d1dfed5071e680ec7a60f70e3..d71f220ff31a8cbcebb047beb6d1baf8bb7d7324 100644
--- a/packages/component-faraday-ui/src/AuthorCard.md
+++ b/packages/component-faraday-ui/src/AuthorCard.md
@@ -8,16 +8,32 @@ const author = {
   affiliation: 'PSD',
   isSubmitting: true,
   isCorresponding: true,
-};
-
-<div>
+}
+;<div>
   <AuthorCard
     onEdit={() => console.log('s-a dat click pe edit')}
     index={0}
     item={author}
+    deleteAuthor={item => () => {
+      console.log('delete author', item)
+    }}
+  />
+  <AuthorCard
+    onEdit={() => console.log('s-a dat click pe edit')}
+    index={1}
+    item={author}
+    deleteAuthor={item => () => {
+      console.log('delete author', item)
+    }}
+  />
+  <AuthorCard
+    onEdit={() => console.log('s-a dat click pe edit')}
+    index={2}
+    item={author}
+    deleteAuthor={item => () => {
+      console.log('delete author', item)
+    }}
   />
-  <AuthorCard onEdit={() => console.log('s-a dat click pe edit')} index={1} item={author} />
-  <AuthorCard onEdit={() => console.log('s-a dat click pe edit')} index={2} item={author} />
 </div>
 ```
 
@@ -31,7 +47,12 @@ const author = {
   affiliation: 'PSD',
   isSubmitting: true,
   isCorresponding: true,
-};
-
-<AuthorCard item={author} dragHandle={DragHandle} />
+}
+;<AuthorCard
+  item={author}
+  dragHandle={DragHandle}
+  deleteAuthor={item => () => {
+    console.log('delete author', item)
+  }}
+/>
 ```
diff --git a/packages/component-faraday-ui/src/AuthorTagList.md b/packages/component-faraday-ui/src/AuthorTagList.md
index 62cc3421ddc446e5d091424391a17a152cd20673..12ff3c606db6c3d514c2b94c31487707967aaf0a 100644
--- a/packages/component-faraday-ui/src/AuthorTagList.md
+++ b/packages/component-faraday-ui/src/AuthorTagList.md
@@ -78,12 +78,14 @@ A list of author tags with tooltip
 ```js
 const authors = [
   {
+    id: 1,
     email: 'john.doe@gmail.com',
     firstName: 'John',
     lastName: 'Doe',
     isSubmitting: true,
   },
   {
+    id: 2,
     email: 'michael.felps@gmail.com',
     firstName: 'Michael',
     lastName: 'Felps',
@@ -91,6 +93,7 @@ const authors = [
     isCorresponding: true,
   },
   {
+    id: 3,
     email: 'barrack.obama@gmail.com',
     firstName: 'Barrack',
     lastName: 'Obama',
diff --git a/packages/component-faraday-ui/src/ContextualBox.md b/packages/component-faraday-ui/src/ContextualBox.md
index 52a8c6e07b20781e01fc7f1208762ef4175c3504..a9c7114bd4eeea1d9cfd51e27ba3fc2a138f4a0c 100644
--- a/packages/component-faraday-ui/src/ContextualBox.md
+++ b/packages/component-faraday-ui/src/ContextualBox.md
@@ -77,9 +77,11 @@ Render custom components on the right side of the header.
 React components can be passed as right children too. All the props provided to the contextual box are also passed to the right header children.
 
 ```js
-const MyRightComponent = ({headLabel}) => <div>{headLabel}: 1 accepted, 4 denied</div>;
+const MyRightComponent = ({ headLabel }) => (
+  <div>{headLabel}: 1 accepted, 4 denied</div>
+)
 
-<ContextualBox
+;<ContextualBox
   headLabel="I am the right header * "
   label="React component to the right"
   rightChildren={MyRightComponent}
@@ -114,10 +116,10 @@ const MyRightComponent = ({headLabel}) => <div>{headLabel}: 1 accepted, 4 denied
 A controlled ContextualBox.
 
 ```js
-const MyRightComponent = () => <div>works like a charm!</div>;
+const MyRightComponent = () => <div>works like a charm!</div>
 
-<RemoteOpener>
-  {(expanded, toggle) => (
+;<RemoteOpener>
+  {({ expanded, toggle }) => (
     <div>
       <button onClick={toggle}>Toggle</button>
       <ContextualBox
diff --git a/packages/component-manuscript/src/components/ManuscriptLayout.js b/packages/component-manuscript/src/components/ManuscriptLayout.js
index 68a4037b958131e24639a0c2289ec041f8d4d897..0a4da8cc2036d1e8b0d565ba94c966345f595ac9 100644
--- a/packages/component-manuscript/src/components/ManuscriptLayout.js
+++ b/packages/component-manuscript/src/components/ManuscriptLayout.js
@@ -63,7 +63,7 @@ const ManuscriptLayout = ({
   submittedOwnRecommendation,
   reviewerReports,
 }) => (
-  <Root pb={1}>
+  <Root pb={30}>
     {!isEmpty(collection) && !isEmpty(fragment) ? (
       <Fragment>
         <ManuscriptDetailsTop