diff --git a/src/plugins/studiowelcome/qml/welcomepage/HoverOverDesaturate.qml b/src/plugins/studiowelcome/qml/welcomepage/HoverOverDesaturate.qml
index a7d7501a52c..8386f7939df 100644
--- a/src/plugins/studiowelcome/qml/welcomepage/HoverOverDesaturate.qml
+++ b/src/plugins/studiowelcome/qml/welcomepage/HoverOverDesaturate.qml
@@ -29,6 +29,7 @@ import welcome 1.0
 import StudioFonts 1.0
 
 Item {
+    id: root
     visible: true
     width: 270
     height: 175
@@ -37,6 +38,8 @@ Item {
 
     property alias downloadIcon: downloadCloud.visible
 
+    signal clicked()
+
     onVisibleChanged: {
         animateOpacity.start()
         animateScale.start()
@@ -92,6 +95,8 @@ Item {
                 label.color = "#686868"
             }
 
+            onClicked: root.clicked()
+
             Image {
                 id: downloadCloud
                 x: 210
diff --git a/src/plugins/studiowelcome/qml/welcomepage/ProjectsGrid.qml b/src/plugins/studiowelcome/qml/welcomepage/ProjectsGrid.qml
index 6a18d10ded3..099c123ecfe 100644
--- a/src/plugins/studiowelcome/qml/welcomepage/ProjectsGrid.qml
+++ b/src/plugins/studiowelcome/qml/welcomepage/ProjectsGrid.qml
@@ -40,6 +40,7 @@ GridView {
         imageSource: typeof(thumbnail) === "undefined" ? "images/thumbnail_test.png" : thumbnail;
         labelText: displayName
         downloadIcon: typeof(showDownload) === "undefined" ? false : showDownload;
+        onClicked: root.itemSelected(index, root.model.get(index))
 
         SequentialAnimation {
             id: animation
@@ -62,10 +63,5 @@ GridView {
                 easing.type: Easing.InOutExpo
             }
         }
-
-        MouseArea {
-            anchors.fill: parent
-            onClicked: root.itemSelected(index, root.model.get(index))
-        }
     }
 }