diff --git a/src/Umbraco.Web.UI.Client/src/installer/installer-database.element.ts b/src/Umbraco.Web.UI.Client/src/installer/installer-database.element.ts
index bbc56a7fe4..ff2846f684 100644
--- a/src/Umbraco.Web.UI.Client/src/installer/installer-database.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/installer/installer-database.element.ts
@@ -213,7 +213,7 @@ export class UmbInstallerDatabase extends UmbContextConsumerMixin(LitElement) {
 			result.push(this._renderServer());
 		}
 
-		result.push(this._renderDatabaseName());
+		result.push(this._renderDatabaseName(this.databaseFormData.name ?? this.selectedDatabase.defaultDatabaseName));
 
 		if (this.selectedDatabase.requiresCredentials) {
 			result.push(this._renderCredentials());
@@ -239,15 +239,15 @@ export class UmbInstallerDatabase extends UmbContextConsumerMixin(LitElement) {
 		</uui-form-layout-item>
 	`;
 
-	private _renderDatabaseName = () => html` <uui-form-layout-item>
+	private _renderDatabaseName = (value: string) => html` <uui-form-layout-item>
 		<uui-label for="database-name" slot="label" required>Database Name</uui-label>
 		<uui-input
 			type="text"
-			.value=${this.databaseFormData.name ?? ''}
+			.value=${value}
 			id="database-name"
 			name="name"
 			@input=${this._handleChange}
-			placeholder="umbraco-cms"
+			placeholder="umbraco"
 			required
 			required-message="Database name is required"></uui-input>
 	</uui-form-layout-item>`;