diff --git a/ui/src/containers/Dashboard/index.js b/ui/src/containers/Dashboard/index.js
index ae01a2006c..926dc973f4 100644
--- a/ui/src/containers/Dashboard/index.js
+++ b/ui/src/containers/Dashboard/index.js
@@ -57,8 +57,17 @@ class Dashboard extends Component {
     this.onWidgetChange([widgetIndex, 'title'], title);
   };
 
-  onChangeWidgetVisualisation = (widgetIndex, visualisation) => {
-    this.onWidgetChange([widgetIndex, 'visualisation'], visualisation);
+  onChangeWidgetVisualisation = (widgetIndex, visualisation, title) => {
+    const { model } = this.props;
+    const newModel = model
+      .setIn(['widgets', widgetIndex, 'visualisation'], visualisation)
+      .setIn(['widgets', widgetIndex, 'title'], title);
+    const widgetsUpdate = newModel.get('widgets');
+
+    this.props.updateModel({
+      path: ['widgets'],
+      value: widgetsUpdate
+    });
   };
 
   onChangeVisibility = (value) => {
diff --git a/ui/src/containers/WidgetVisualisePicker/index.js b/ui/src/containers/WidgetVisualisePicker/index.js
index 838d8c9fbe..632e63c1c5 100644
--- a/ui/src/containers/WidgetVisualisePicker/index.js
+++ b/ui/src/containers/WidgetVisualisePicker/index.js
@@ -29,8 +29,10 @@ class WidgetVisualisePicker extends Component {
   getVisualisationId = () => this.props.model.get('visualisation');
 
   onClickVisualisation = (visualisation) => {
-    this.props.onChangeTitle(this.getNewTitle(visualisation));
-    this.props.onChangeVisualisation(visualisation.get('_id'));
+    this.props.onChangeVisualisation(
+      visualisation.get('_id'),
+      this.getNewTitle(visualisation)
+    );
   };
 
   onChangeTitle = e => this.props.onChangeTitle(e.target.value);