diff --git a/src/ui/components/FlexCenter.js b/src/ui/components/FlexCenter.js
index c5636a70b..f4c99dd11 100644
--- a/src/ui/components/FlexCenter.js
+++ b/src/ui/components/FlexCenter.js
@@ -9,7 +9,7 @@ import View from './View.js';
 import styled from '../styled/index.js';
 
 /**
- * A container dispalying its children horizontally and vertically centered.
+ * A container displaying its children horizontally and vertically centered.
  */
 export default styled(View)({
   display: 'flex',
diff --git a/src/ui/components/FlexColumn.js b/src/ui/components/FlexColumn.js
index f1612c645..b9add6c77 100644
--- a/src/ui/components/FlexColumn.js
+++ b/src/ui/components/FlexColumn.js
@@ -9,7 +9,7 @@ import FlexBox from './FlexBox.js';
 import styled from '../styled/index.js';
 
 /**
- * A container dispalying its children in a column
+ * A container displaying its children in a column
  */
 export default styled(FlexBox)({
   flexDirection: 'column',
diff --git a/src/ui/components/FlexRow.js b/src/ui/components/FlexRow.js
index aef09ac77..d35f418a7 100644
--- a/src/ui/components/FlexRow.js
+++ b/src/ui/components/FlexRow.js
@@ -9,7 +9,7 @@ import FlexBox from './FlexBox.js';
 import styled from '../styled/index.js';
 
 /**
- * A container dispalying its children in a row
+ * A container displaying its children in a row
  */
 export default styled(FlexBox)({
   flexDirection: 'row',