diff --git a/ui/src/pages/AppsTab/AppsTab.tsx b/ui/src/pages/AppsTab/AppsTab.tsx
index 91a062bf..6a884b93 100644
--- a/ui/src/pages/AppsTab/AppsTab.tsx
+++ b/ui/src/pages/AppsTab/AppsTab.tsx
@@ -281,8 +281,8 @@ function CreateAppView({ environments, selectedEnv }: { environments: Environmen
         <span className={styles.configLabel}>Application Name</span>
         <Input value={name} onChange={(e) => setName(e.target.value)} placeholder="e.g. Payment Gateway" disabled={busy} />
 
-        <span className={styles.configLabel}>Slug <span className={styles.configHint}>(auto-generated)</span></span>
-        <Input value={slug} onChange={(e) => { setSlug(e.target.value); setSlugEdited(true); }} disabled={busy} />
+        <span className={styles.configLabel}>External URL</span>
+        <MonoText size="sm">/{env?.slug ?? '...'}/{slug || '...'}/</MonoText>
 
         <span className={styles.configLabel}>Environment</span>
         <Select value={envId} onChange={(e) => setEnvId(e.target.value)} disabled={busy}