diff --git a/packages/gestalt/src/Flex.js b/packages/gestalt/src/Flex.js
index <HASH>..<HASH> 100644
--- a/packages/gestalt/src/Flex.js
+++ b/packages/gestalt/src/Flex.js
@@ -103,6 +103,8 @@ export default function Flex({
 
 Flex.Item = FlexItem;
 
+Flex.displayName = 'Flex';
+
 Flex.propTypes = {
   alignContent: AlignContentPropType,
   alignItems: AlignItemsPropType,
diff --git a/packages/gestalt/src/FlexItem.js b/packages/gestalt/src/FlexItem.js
index <HASH>..<HASH> 100644
--- a/packages/gestalt/src/FlexItem.js
+++ b/packages/gestalt/src/FlexItem.js
@@ -28,6 +28,8 @@ export default function FlexItem(props: Props): Node {
   return <div {...passthroughProps} {...propsStyles} />;
 }
 
+FlexItem.displayName = 'Flex.Item';
+
 FlexItem.propTypes = {
   alignSelf: AlignSelfPropType,
   children: PropTypes.node.isRequired,
Internal: Give Flex and FlexItem display names for debugging (#<I>)