@@ -204,7 +204,7 @@ Item {
204204 bottom: parent.bottom
205205 bottomMargin: units.gu(1)
206206 right: cancelLabel.left
207− rightMargin: units.gu(1)
207+ rightMargin: units.gu(2)
208208 }
209209
210210 readonly property bool clearIsSettings: !searchTextField.focus && root.scopeHasFilters
@@ -274,10 +274,13 @@ Item {
274274 top: parent.top
275275 right: parent.right
276276 bottom: parent.bottom
277− margins: units.gu(1)
277+ margins: units.gu(2)
278278 }
279279 AbstractButton {
280280 anchors.fill: parent
281+ // So that clicking in the empty area on the left of Cancel
282+ // has the same effect as clicking on the empty area on the right
283+ anchors.leftMargin: units.gu(-2)
281284 onClicked: {
282285 root.clearSearch(false);
283286 headerContainer.showSearch = false;