diff --git a/packages/components/src/modal/README.md b/packages/components/src/modal/README.md
index 13667139f8fec1..7ca3faff381315 100644
--- a/packages/components/src/modal/README.md
+++ b/packages/components/src/modal/README.md
@@ -17,7 +17,7 @@ const MyModal = withState( {
 } )( ( { isOpen, setState } ) => (
 	<div>
 		<Button isDefault onClick={ () => setState( { isOpen: true } ) }>Open Modal</Button>
-		{ isOpen ?
+		{ isOpen && (
 			<Modal
 				title="This is my modal"
 				onRequestClose={ () => setState( { isOpen: false } ) }>
@@ -25,7 +25,7 @@ const MyModal = withState( {
 					My custom close button
 				</Button>
 			</Modal>
-			: null }
+		) }
 	</div>
 ) );
 ```