diff --git a/src/designer/elsa-workflows-studio/src/components/screens/workflow-definition-editor/elsa-workflow-definition-editor-screen/elsa-workflow-definition-editor-screen.tsx b/src/designer/elsa-workflows-studio/src/components/screens/workflow-definition-editor/elsa-workflow-definition-editor-screen/elsa-workflow-definition-editor-screen.tsx
index 317ab198a..372a24b81 100644
--- a/src/designer/elsa-workflows-studio/src/components/screens/workflow-definition-editor/elsa-workflow-definition-editor-screen/elsa-workflow-definition-editor-screen.tsx
+++ b/src/designer/elsa-workflows-studio/src/components/screens/workflow-definition-editor/elsa-workflow-definition-editor-screen/elsa-workflow-definition-editor-screen.tsx
@@ -95,6 +95,7 @@ export class ElsaWorkflowDefinitionEditorScreen {
       const workflowDefinition = await client.workflowDefinitionsApi.import(this.workflowDefinition.definitionId, file);
       this.workflowDefinition = workflowDefinition;
       this.workflowModel = this.mapWorkflowModel(workflowDefinition);
+      this.updateUrl(workflowDefinition.definitionId)
 
       this.importing = false;
       this.imported = true;
@@ -261,7 +262,7 @@ export class ElsaWorkflowDefinitionEditorScreen {
       setTimeout(() => this.saved = false, 500);
       this.workflowSaved.emit(workflowDefinition);
       if (isNew) {
-        this.history.push(`/workflow-definitions/${workflowDefinition.definitionId}`, {});
+        this.updateUrl(workflowDefinition.definitionId);
       }
     } catch (e) {
       console.error(e);
@@ -291,6 +292,10 @@ export class ElsaWorkflowDefinitionEditorScreen {
     }
   }
 
+  updateUrl(id){
+    this.history.push(`/workflow-definitions/${id}`, {});
+  }
+
   mapWorkflowModel(workflowDefinition: WorkflowDefinition): WorkflowModel {
     return {
       activities: workflowDefinition.activities.map(this.mapActivityModel),