diff --git a/src/views/EdgeFunctions/EditView.vue b/src/views/EdgeFunctions/EditView.vue
index 15c6f184c..c78bf53d8 100644
--- a/src/views/EdgeFunctions/EditView.vue
+++ b/src/views/EdgeFunctions/EditView.vue
@@ -27,6 +27,7 @@
   })
   const updateObject = ref({})
   const language = ref(null)
+  const name = ref('')
 
   const handleTrackSuccessEdit = () => {
     tracker.product
@@ -67,7 +68,7 @@
 <template>
   <ContentBlock>
     <template #heading>
-      <PageHeadingBlock pageTitle="Edit Edge Function">
+      <PageHeadingBlock :pageTitle="name">
         <MobileCodePreview
           :updateObject="updateObject"
           :language="language"
@@ -87,6 +88,7 @@
           <FormFieldsEditEdgeFunctions
             v-model:preview-data="updateObject"
             v-model:lang="language"
+            v-model:name="name"
           />
         </template>
         <template #action-bar="{ onSubmit, onCancel, loading }">
diff --git a/src/views/EdgeFunctions/FormFields/FormFieldsEditEdgeFunctions.vue b/src/views/EdgeFunctions/FormFields/FormFieldsEditEdgeFunctions.vue
index 2af478e8b..dcb9cd4d8 100644
--- a/src/views/EdgeFunctions/FormFields/FormFieldsEditEdgeFunctions.vue
+++ b/src/views/EdgeFunctions/FormFields/FormFieldsEditEdgeFunctions.vue
@@ -14,7 +14,7 @@
   import { computed, ref, watch } from 'vue'
 
   defineProps(['previewData', 'lang'])
-  const emit = defineEmits(['update:previewData', 'update:lang'])
+  const emit = defineEmits(['update:previewData', 'update:lang', 'update:name'])
 
   const SPLITTER_PROPS = {
     height: '50vh',
@@ -40,6 +40,7 @@
   const unwatch = watch(name, () => {
     initialCodeValue = code.value
     initialJsonArgsValue = jsonArgs.value
+    emit('update:name', name.value)
 
     if (initialCodeValue) {
       unwatch()