diff --git a/packages/builder/src/components/start/TemplateList.svelte b/packages/builder/src/components/start/TemplateList.svelte
index 2639f86404..03ab5773c5 100644
--- a/packages/builder/src/components/start/TemplateList.svelte
+++ b/packages/builder/src/components/start/TemplateList.svelte
@@ -57,7 +57,7 @@
         >
           <Icon name="Add" />
         </div>
-        <Heading size="XS">Import app</Heading>
+        <Heading size="XS">Import an app</Heading>
         <p class="detail">BLANK</p>
       </div>
     </div>
diff --git a/packages/builder/src/pages/builder/portal/apps/index.svelte b/packages/builder/src/pages/builder/portal/apps/index.svelte
index 319ef91d2e..01eaa8281e 100644
--- a/packages/builder/src/pages/builder/portal/apps/index.svelte
+++ b/packages/builder/src/pages/builder/portal/apps/index.svelte
@@ -84,6 +84,12 @@
     }
   }
 
+  const initiateAppImport = () => {
+    template = { fromFile: true }
+    creationModal.show()
+    creatingApp = true
+  }
+
   const stopAppCreation = () => {
     template = null
     creatingApp = false
@@ -201,6 +207,7 @@
           {#if cloud}
             <Button secondary on:click={initiateAppsExport}>Export apps</Button>
           {/if}
+          <Button secondary on:click={initiateAppImport}>Import app</Button>
           <Button cta on:click={initiateAppCreation}>Create app</Button>
         </ButtonGroup>
       </div>