Index: sources/gui/qml/compounds/StepNavigationTitleBar.qml
===================================================================
diff -u -rbd01334f257c35b96b7b232beacbcd7fae60c852 -r4afc91856c00e01dfb5d84bc54d2d92faefec0db
--- sources/gui/qml/compounds/StepNavigationTitleBar.qml	(.../StepNavigationTitleBar.qml)	(revision bd01334f257c35b96b7b232beacbcd7fae60c852)
+++ sources/gui/qml/compounds/StepNavigationTitleBar.qml	(.../StepNavigationTitleBar.qml)	(revision 4afc91856c00e01dfb5d84bc54d2d92faefec0db)
@@ -25,13 +25,14 @@
  * \brief   StepNavigationTitleBar
  */
 Rectangle { id: _root
-    property alias stepIndex        : _stepIndicator.currentStepIndex
+    property int   stepIndex        : 0
+    property int   stepLineLength   : 75
+    property var   stepNames        : []
     property alias     backVisible  : _backButton   .visible
     property alias     backEnabled  : _backButton   .enabled
     property alias  confirmVisible  : _confirmButton.visible
     property alias  confirmEnabled  : _confirmButton.enabled
     property alias confirmText      : _confirmButton.text
-    property alias stepNames        : _stepIndicator.stepNames
 
     height  : Variables.topBarMenuHeight
     color   : Colors.backgroundMain
@@ -62,7 +63,13 @@
         onClicked: _root.confirmClicked()
     }
 
-    StepIndicator { id: _stepIndicator
+    Loader { id: _stepIndicatorLoader
+        active: stepNames.length
         anchors.centerIn: parent
+        sourceComponent: StepIndicator { id: _stepIndicator
+            currentStepIndex: _root.stepIndex
+            spacerLineLength: _root.stepLineLength
+            stepNames       : _root.stepNames
+        }
     }
 }