diff --git a/ui/src/app/shared/components/formly/formly-field-navigation/formly-field-navigation.html b/ui/src/app/shared/components/formly/formly-field-navigation/formly-field-navigation.html
index 98c4458d3a..e28edbfa5b 100644
--- a/ui/src/app/shared/components/formly/formly-field-navigation/formly-field-navigation.html
+++ b/ui/src/app/shared/components/formly/formly-field-navigation/formly-field-navigation.html
@@ -156,6 +156,11 @@
                     </oe-modal-line>
                   }
 
+                  @case ('component-line') {
+                    <ng-container *ngComponentOutlet="line.component; inputs: line.inputs">
+                    </ng-container>
+                  }
+
                   @case ('select-line') {
                     <oe-modal-line [name]="line.name" [controlName]="line.controlName"
                       [control]="{type: 'SELECT', options: line.options}" [formGroup]="form" leftColumnWidth="50">