fix: Focus on empty document after creation

fix: Clicking in whitespace below document should focus
Remove unused component

app/components/LoadingPlaceholder/LoadingPlaceholder.js

@@ -1,12 +1,13 @@
 // @flow
 import * as React from 'react';
+import styled from 'styled-components';
 import Mask from 'components/Mask';
 import Fade from 'components/Fade';
 import Flex from 'shared/components/Flex';
 
 export default function LoadingPlaceholder(props: Object) {
   return (
-    <Fade>
+    <Wrapper>
       <Flex column auto {...props}>
         <Mask height={34} />
         <br />
@@ -14,6 +15,11 @@ export default function LoadingPlaceholder(props: Object) {
         <Mask />
         <Mask />
       </Flex>
-    </Fade>
+    </Wrapper>
   );
 }
+
+const Wrapper = styled(Fade)`
+  display: block;
+  margin: 40px 0;
+`;