From 8342d4b94fe9d48967f11a9bcdd1a42b55006090 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <nsl@umbraco.dk>
Date: Thu, 24 Apr 2025 08:51:17 +0200
Subject: [PATCH] minor styling adjustments (#19122)

---
 .../components/input-dropzone/input-dropzone.element.ts    | 7 +++++++
 .../input-image-cropper/input-image-cropper.element.ts     | 4 ++++
 .../tags/components/tags-input/tags-input.element.ts       | 1 +
 3 files changed, 12 insertions(+)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/dropzone/components/input-dropzone/input-dropzone.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/dropzone/components/input-dropzone/input-dropzone.element.ts
index b9aa852a88..2d3bd80124 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/dropzone/components/input-dropzone/input-dropzone.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/dropzone/components/input-dropzone/input-dropzone.element.ts
@@ -275,6 +275,13 @@ export class UmbInputDropzoneElement extends UmbFormControlMixin<UmbUploadableIt
 				inset: 0;
 				cursor: pointer;
 				border: 1px dashed var(--uui-color-divider-emphasis);
+				border-radius: var(--uui-border-radius);
+			}
+
+			:host([standalone]:not([disabled]):hover) {
+				border-color: var(--uui-color-default-emphasis);
+				--uui-color-default: var(--uui-color-default-emphasis);
+				color: var(--uui-color-default-emphasis);
 			}
 
 			#dropzone {
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts
index 7cb3c3303a..9f3b81c1d0 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-image-cropper/input-image-cropper.element.ts
@@ -186,6 +186,10 @@ export class UmbInputImageCropperElement extends UmbFormControlMixin<
 	static override readonly styles = [
 		UmbTextStyles,
 		css`
+			umb-input-dropzone {
+				max-width: 500px;
+				min-width: 300px;
+			}
 			#loader {
 				display: flex;
 				justify-content: center;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/tags/components/tags-input/tags-input.element.ts b/src/Umbraco.Web.UI.Client/src/packages/tags/components/tags-input/tags-input.element.ts
index 2c51692616..bd2549a7b3 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/tags/components/tags-input/tags-input.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/tags/components/tags-input/tags-input.element.ts
@@ -278,6 +278,7 @@ export class UmbTagsInputElement extends UUIFormControlMixin(UmbLitElement, '')
 				align-items: center;
 				padding: var(--uui-size-space-2);
 				border: 1px solid var(--uui-color-border);
+				border-radius: var(--uui-border-radius);
 				background-color: var(--uui-input-background-color, var(--uui-color-surface));
 				flex: 1;
 				min-height: 40px;