diff --git a/assets/blocks/lesson-metadata/lesson-metadata-edit.js b/assets/blocks/lesson-metadata/lesson-metadata-edit.js
index 10c35175744..f65090ef7ca 100644
--- a/assets/blocks/lesson-metadata/lesson-metadata-edit.js
+++ b/assets/blocks/lesson-metadata/lesson-metadata-edit.js
@@ -70,6 +70,10 @@ const LessonMetadataEdit = ( props ) => {
 					</span>
 				) }
 
+				{ !! length && complexity && (
+					<span className="separator">|</span>
+				) }
+
 				{ complexity && (
 					<span className="lesson-complexity">
 						{ __( 'Complexity', 'sensei-lms' ) +
diff --git a/assets/blocks/lesson-metadata/lesson-metadata-editor.scss b/assets/blocks/lesson-metadata/lesson-metadata-editor.scss
index bcc0b634ba8..a1da3312d40 100644
--- a/assets/blocks/lesson-metadata/lesson-metadata-editor.scss
+++ b/assets/blocks/lesson-metadata/lesson-metadata-editor.scss
@@ -2,7 +2,7 @@
 	font-size: .9em;
 	font-style: italic;
 
-	.lesson-length {
-		margin-right: 0.5em;
+	.separator {
+		margin: 0 0.5em 0;
 	}
 }