From dffd9923040c2955f6932a215de7b50728ec326b Mon Sep 17 00:00:00 2001
From: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>
Date: Tue, 9 May 2023 15:57:17 +0200
Subject: [PATCH] fix(web): remove global style from map marker (#2408)

---
 .../leaflet/asset-marker-cluster.svelte               | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/web/src/lib/components/shared-components/leaflet/asset-marker-cluster.svelte b/web/src/lib/components/shared-components/leaflet/asset-marker-cluster.svelte
index 7784694651..b9a5214cf3 100644
--- a/web/src/lib/components/shared-components/leaflet/asset-marker-cluster.svelte
+++ b/web/src/lib/components/shared-components/leaflet/asset-marker-cluster.svelte
@@ -100,18 +100,13 @@
 	<slot />
 {/if}
 
-<style>
-	:global(.leaflet-marker-icon) {
-		border-radius: 50%;
-	}
-
+<style lang="postcss">
 	:global(.marker-cluster) {
 		background-clip: padding-box;
-		border-radius: 20px;
 	}
 
 	:global(.asset-marker-icon) {
-		border-radius: 50%;
+		@apply rounded-full;
 		object-fit: cover;
 		border: 1px solid rgb(69, 80, 169);
 		box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px,
@@ -126,7 +121,7 @@
 		margin-top: 5px;
 
 		text-align: center;
-		border-radius: 20px;
+		@apply rounded-full;
 		font-weight: bold;
 
 		background-color: rgb(236, 237, 246);