diff --git a/src/components/Paper/Paper.js b/src/components/Paper/Paper.js
new file mode 100644
index 000000000..c84c17aab
--- /dev/null
+++ b/src/components/Paper/Paper.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import styled from 'styled-components';
+
+export function Paper({ children, className }) {
+  return <PaperRoot className={className}>{children}</PaperRoot>;
+}
+
+const PaperRoot = styled.div`
+  border: 1px solid #d2dce2;
+  background: #fff;
+  padding: 10px;
+`;
diff --git a/src/components/index.js b/src/components/index.js
index 642e27e4c..16e1003b6 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -103,6 +103,7 @@ export * from './Branches';
 export * from './Warehouses';
 export * from './Currencies';
 export * from './FormTopbar'
+export * from './Paper';
 
 const Hint = FieldHint;