diff --git a/src/styles/map.less b/src/styles/map.less
index b59f739..23cfc4a 100644
--- a/src/styles/map.less
+++ b/src/styles/map.less
@@ -93,10 +93,10 @@
 
 .leaflet-arrow {
   position: absolute;
-  left: -14px;
-  top: -14px;
-  width: 40px;
-  height: 40px;
+  left: -18px;
+  top: -18px;
+  width: 48px;
+  height: 48px;
 }
 
 .touch-hinter-poly {
diff --git a/src/utils/arrow.ts b/src/utils/arrow.ts
index c61b9ac..931fdc8 100644
--- a/src/utils/arrow.ts
+++ b/src/utils/arrow.ts
@@ -7,8 +7,8 @@ export const createArrow = (latlng: LatLngLiteral, angle: number): Marker => mar
   icon: divIcon({
     html: `
       <div class="leaflet-arrow" style="transform: rotate(${angle}deg);">
-        <svg width="40" height="40" preserveAspectRatio="xMidYMid">        
-          <use xlink:href="#path-arrow" transform="scale(1.6) translate(4)"/>
+        <svg width="48" height="48" preserveAspectRatio="xMidYMid">        
+          <use xlink:href="#path-arrow" transform="scale(2) translate(5 -2)"/>
         </svg>      
       </div>
     `,