From 0d98527c585a8f9b94dc56c57a0f7f08ddfd40ba Mon Sep 17 00:00:00 2001
From: Alex <ardeleanalexdaniel@yahoo.com>
Date: Wed, 1 Oct 2025 22:02:56 -0700
Subject: [PATCH] Media: Prevent svg image to extend outside the editor bounds
 (#20346)

Prevent svg image to extend outside the editor bounds
---
 .../input-upload-field/preview/input-upload-field-svg.element.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-upload-field/preview/input-upload-field-svg.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-upload-field/preview/input-upload-field-svg.element.ts
index 5ba66a4ce5..e5639485f4 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-upload-field/preview/input-upload-field-svg.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-upload-field/preview/input-upload-field-svg.element.ts
@@ -30,6 +30,7 @@ export default class UmbInputUploadFieldSvgElement extends UmbLitElement impleme
 				background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill-opacity=".1"><path d="M50 0h50v50H50zM0 50h50v50H0z"/></svg>');
 				background-repeat: repeat;
 				background-size: 10px 10px;
+				max-width: 100%;
 			}
 		`,
 	];