From 9bed18c154c5429d7a1ffc4b2acac9c61006b36e Mon Sep 17 00:00:00 2001
From: leekelleher <leekelleher@gmail.com>
Date: Wed, 29 May 2024 17:11:14 +0100
Subject: [PATCH] Aligned the `label` and `placeholder` text

---
 .../components/input-with-alias/input-with-alias.element.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/components/input-with-alias/input-with-alias.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/components/input-with-alias/input-with-alias.element.ts
index b3cfdca6cc..68a205addb 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/components/input-with-alias/input-with-alias.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/components/input-with-alias/input-with-alias.element.ts
@@ -68,6 +68,8 @@ export class UmbInputWithAliasElement extends UmbFormControlMixin<string, typeof
 	}
 
 	render() {
+		const aliasLabel = this.localize.term('placeholders_enterAlias');
+
 		return html`
 			<uui-input
 				id="name"
@@ -79,10 +81,10 @@ export class UmbInputWithAliasElement extends UmbFormControlMixin<string, typeof
 				<uui-input
 					name="alias"
 					slot="append"
-					label="alias"
+					label=${aliasLabel}
 					@input=${this.#onAliasChange}
 					.value=${this.alias}
-					placeholder=${this.localize.term('placeholders_enterAlias')}
+					placeholder=${aliasLabel}
 					?disabled=${this._aliasLocked && !this.aliasReadonly}
 					?readonly=${this.aliasReadonly}>
 					<!-- TODO: validation for bad characters -->