diff --git a/packages/builder/src/components/common/UpdateAppForm.svelte b/packages/builder/src/components/common/UpdateAppForm.svelte
index 22b3c72a90..0e07c5c918 100644
--- a/packages/builder/src/components/common/UpdateAppForm.svelte
+++ b/packages/builder/src/components/common/UpdateAppForm.svelte
@@ -9,11 +9,13 @@
   import * as appValidation from "helpers/validation/yup/app"
   import EditableIcon from "components/common/EditableIcon.svelte"
   import { isEqual } from "lodash"
+  import { createEventDispatcher } from "svelte"
 
   export let alignActions = "left"
 
   const values = writable({})
   const validation = createValidationStore()
+  const dispatch = createEventDispatcher()
 
   let updating = false
   let edited = false
@@ -173,6 +175,7 @@
             updating = true
             await updateApp()
             updating = false
+            dispatch("updated")
           }}
           disabled={appDeployed || updating || !edited || !$validation.valid}
         >
diff --git a/packages/builder/src/components/common/UpdateAppTopNav.svelte b/packages/builder/src/components/common/UpdateAppTopNav.svelte
index 49d1552cf0..f4a76c4576 100644
--- a/packages/builder/src/components/common/UpdateAppTopNav.svelte
+++ b/packages/builder/src/components/common/UpdateAppTopNav.svelte
@@ -39,7 +39,11 @@
 >
   <Layout noPadding gap="M">
     <div class="popover-content">
-      <UpdateAppForm />
+      <UpdateAppForm
+        on:updated={() => {
+          formPopover.hide()
+        }}
+      />
     </div>
   </Layout>
 </Popover>