diff --git a/web/src/api/types/connect.ts b/web/src/api/types/connect.ts
index c7d7b9188..9e21f6739 100644
--- a/web/src/api/types/connect.ts
+++ b/web/src/api/types/connect.ts
@@ -13,6 +13,6 @@ export type ConnectEnvironmentVariable = {
 }
 
 export type ConnectDeployment = {
-    connect: ConnectContent;
+    content: ConnectContent;
     environment: ConnectEnvironmentVariable[];
 }
diff --git a/web/src/components/configurePublish/PublishingHeader.vue b/web/src/components/configurePublish/PublishingHeader.vue
index b5754fac0..48f0afdd0 100644
--- a/web/src/components/configurePublish/PublishingHeader.vue
+++ b/web/src/components/configurePublish/PublishingHeader.vue
@@ -26,13 +26,33 @@
 
 <script setup lang="ts">
 
-import { ref } from 'vue';
 import { useApi } from 'src/api';
+import { useDeploymentStore } from 'src/stores/deployment';
+import { computed } from 'vue';
 
 const emit = defineEmits(['publish']);
 
 const api = useApi();
-const title = ref('');
+const deploymentStore = useDeploymentStore();
+
+// Unable to use storeToRefs from pinia because deployment is not
+// always defined. We might want to revisit this and instead define it
+// initially with an empty definition.
+const title = computed({
+  get() {
+    if (deploymentStore.deployment) {
+      return deploymentStore.deployment.connect.content.title;
+    }
+    return '';
+  },
+  set(val) {
+    if (deploymentStore.deployment) {
+      deploymentStore.deployment.connect.content.title = val;
+    } else {
+      console.log('Error setting title into empty deployment object!');
+    }
+  }
+});
 
 const onPublish = async() => {
   emit('publish');
diff --git a/web/tests/unit/components/configurePublish/FilesToPublish.test.ts b/web/tests/unit/components/configurePublish/FilesToPublish.test.ts
index d8f581f4b..8526a6742 100644
--- a/web/tests/unit/components/configurePublish/FilesToPublish.test.ts
+++ b/web/tests/unit/components/configurePublish/FilesToPublish.test.ts
@@ -168,7 +168,7 @@ describe('description', () => {
         }
       },
       connect: {
-        connect: {
+        content: {
           name: '',
         },
         environment: [