diff --git a/components/TitleBar.qml b/components/TitleBar.qml
index c1cc186f..1c7a61db 100644
--- a/components/TitleBar.qml
+++ b/components/TitleBar.qml
@@ -51,14 +51,12 @@ Rectangle {
         height: 50
         z: 1
 
-        LinearGradient {
-            anchors.fill: parent
-            start: Qt.point(0, 0)
-            end: Qt.point(parent.width, 0)
-            gradient: Gradient {
-               GradientStop { position: 1.0; color: "#1a1a1a" }
-               GradientStop { position: 0.0; color: "black" }
-            }
+        // use jpg for gradiency
+        Image {
+           anchors.fill: parent
+           height: parent.height
+           width: parent.width
+           source: "../images/titlebarGradient.jpg"
         }
     }