Index: sources/gui/qml/components/BackButton.qml
===================================================================
diff -u -r62efc6d8ead9b39b47859fdc9c0661f30b5941d0 -r2ef03b2ce51b4dc507f66e9671953a8e0824bde9
--- sources/gui/qml/components/BackButton.qml	(.../BackButton.qml)	(revision 62efc6d8ead9b39b47859fdc9c0661f30b5941d0)
+++ sources/gui/qml/components/BackButton.qml	(.../BackButton.qml)	(revision 2ef03b2ce51b4dc507f66e9671953a8e0824bde9)
@@ -1,37 +1,59 @@
 /*!
  *
- * Copyright (c) 2019-2020 Diality Inc. - All Rights Reserved.
- * \copyright                                                       \n
- *          THIS CODE MAY NOT BE COPIED OR REPRODUCED IN ANY FORM,  \n
- *          IN PART OR IN WHOLE,                                    \n
- *          WITHOUT THE EXPLICIT PERMISSION OF THE COPYRIGHT OWNER. \n
+ * Copyright (c) 2019-2024 Diality Inc. - All Rights Reserved.
+ * \copyright
+ * THIS CODE MAY NOT BE COPIED OR REPRODUCED IN ANY FORM, IN PART OR IN
+ * WHOLE, WITHOUT THE EXPLICIT PERMISSION OF THE COPYRIGHT OWNER.
  *
  * \file    BackButton.qml
- * \date    2019/11/18
- * \author  Behrouz NematiPour
+ * \author  (last)      Behrouz NematiPour
+ * \date    (last)      27-Jun-2022
+ * \author  (original)  Behrouz NematiPour
+ * \date    (original)  20-Nov-2019
  *
  */
 
 // Qt
 import QtQuick 2.12
-import QtQuick.Controls 2.12
 
 // Project
 //  Qml imports
 import "qrc:/globals"
 
 /*!
- * \brief   Denali project Back Button
+ * \brief   The Global Back Button
  */
-TouchRect { id : backRect
-    signal pressed()
+TouchRect { id : _root
+    readonly property int margin: (_root.height - Variables.iconsDiameter) / 2
+    width       : 120
+    height      :  50
+    anchors {
+        top     : parent.top
+        left    : parent.left
+        margins : Variables.headerButtonsMargin
+    }
 
-    width : 115
-    height:  45
-    x     :  25
-    y     :  25
-    text.text: qsTr("Back")
-    button.onClicked: {
-        pressed()
+    Image { id: _image
+        anchors {
+            left        : _root.left
+            leftMargin  : _root.margin
+            verticalCenter: parent.verticalCenter
+        }
+
+        width : Variables.iconsDiameter
+        height: Variables.iconsDiameter
+        source: "qrc:/images/iBack"
     }
+
+    text  {
+        text: qsTr("BACK")
+        font.bold   : true
+        font.pixelSize: Fonts.fontPixelBack
+        anchors {
+            centerIn: null // disable the parent anchor
+            verticalCenter: _root.verticalCenter
+            left: _image.right
+            leftMargin: _root.margin
+        }
+    }
 }