diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/property-settings/property-settings-modal.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/property-settings/property-settings-modal.element.ts
index c57165fe42..3e345aad1e 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/property-settings/property-settings-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/property-settings/property-settings-modal.element.ts
@@ -127,7 +127,7 @@ export class UmbPropertySettingsModalElement extends UmbModalBaseElement<object,
 		{
 			name: 'Validate as an email address',
 			value: 'email',
-			validation: '[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+',
+			validation: '[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\\.[a-zA-Z0-9-.]+',
 		},
 		{
 			name: 'Validate as a number',
@@ -137,7 +137,7 @@ export class UmbPropertySettingsModalElement extends UmbModalBaseElement<object,
 		{
 			name: 'Validate as an URL',
 			value: 'url',
-			validation: 'https?://[a-zA-Z0-9-.]+.[a-zA-Z]{2,}',
+			validation: 'https?://[a-zA-Z0-9-.]+\\.[a-zA-Z]{2,}',
 		},
 		{
 			name: '...or enter a custom validation',