Index: sources/gui/qml/components/ModalDialog.qml
===================================================================
diff -u -rdeaef8b5bdfe9be7293e63fb6ac256a9ce3cd3f4 -r140ba1261d1ec2c20fa44be3a97174dd841aa71a
--- sources/gui/qml/components/ModalDialog.qml	(.../ModalDialog.qml)	(revision deaef8b5bdfe9be7293e63fb6ac256a9ce3cd3f4)
+++ sources/gui/qml/components/ModalDialog.qml	(.../ModalDialog.qml)	(revision 140ba1261d1ec2c20fa44be3a97174dd841aa71a)
@@ -37,6 +37,8 @@
     property alias  notificationText    : _notification.text
     property alias  notification        : _notification
     property bool   showDropShadow      : false
+    property alias backgroundItem       : _backgroundItem.children
+    property alias backgroundItemZ      : _backgroundItem.z
 
     width   : Variables.dialogWidth
     height  : Variables.dialogHeight
@@ -60,20 +62,23 @@
     }
 
     background: Rectangle { id: _backgroundRect
-        color : Colors.backgroundDialog
-        radius: Variables.dialogRadius
+        color           : Colors.backgroundDialog
+        radius          : Variables.dialogRadius
 
-        layer.enabled: showDropShadow
+        layer.enabled   : showDropShadow
         layer.effect: DropShadow {
             id: _dropShadow
             horizontalOffset: 4
             verticalOffset  : 4
             radius          : 12
             samples         : 32
-            color           : "#4DFFF8E1"
+            color           : Colors.dropShadowDialogColor
             source          : _backgroundRect
             anchors.fill    : _backgroundRect
         }
+
+        // 👇 Placeholder for an injected component. Ex. numpad
+        Item { id: _backgroundItem }
     }
 
     onVisibleChanged: {
@@ -93,5 +98,5 @@
         }
     }
 
-    NotificationBarSmall { id: _notification }
+    NotificationBarSmall { id: _notification ; height: 60}
 }