diff --git a/app/components/row.js b/app/components/row.js
new file mode 100644
index 0000000..9fb68f3
--- /dev/null
+++ b/app/components/row.js
@@ -0,0 +1,27 @@
+// @flow
+
+import React from 'react';
+import styled from 'styled-components';
+import type { Node } from 'react';
+
+const Flex = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: ${props => props.alignItems};
+  justify-content: ${props => props.justifyContent};
+`;
+
+type Props = {
+  alignItems?: string,
+  justifyContent?: string,
+  children: Node,
+};
+
+export const RowComponent = ({ children, ...props }: Props) => (
+  <Flex {...props}>{React.Children.map(children, ch => ch)}</Flex>
+);
+
+RowComponent.defaultProps = {
+  alignItems: 'flex-start',
+  justifyContent: 'flex-start',
+};