From 6ce18dcc54a548c7ef0386fb9e05d1eaca204718 Mon Sep 17 00:00:00 2001
From: Manuel Calavera <diserkin@gmail.com>
Date: Wed, 9 Oct 2019 08:37:50 -0700
Subject: [PATCH] fix: map marker scaling

---
 src/v2/components/ValidatorsMap/Marker.jsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/v2/components/ValidatorsMap/Marker.jsx b/src/v2/components/ValidatorsMap/Marker.jsx
index a7f172af..300e0f81 100644
--- a/src/v2/components/ValidatorsMap/Marker.jsx
+++ b/src/v2/components/ValidatorsMap/Marker.jsx
@@ -7,7 +7,7 @@ import useStyles from './styles';
 
 const Marker = ({scale, marker}: {scale: number, marker: any}) => {
   const classes = useStyles();
-  const size = scale < 4 ? 10 * scale : 40;
+  const transformScale = scale < 4 ? scale / 4 : 1;
   return (
     <MapTooltip
       classes={{tooltip: classes.tooltip}}
@@ -18,10 +18,13 @@ const Marker = ({scale, marker}: {scale: number, marker: any}) => {
         </>
       )}
     >
-      <div className={classes.marker}>
+      <div
+        className={classes.marker}
+        style={{transform: `scale(${transformScale})`}}
+      >
         <Avatar
-          width={size}
-          height={size}
+          width={40}
+          height={40}
           avatarUrl={marker.avatarUrl}
           name={marker.name}
           pubkey={marker.pubkey}