diff --git a/src/panels/map/ha-entity-marker.js b/src/panels/map/ha-entity-marker.js
index 2fb0a59637..67250aaa9b 100644
--- a/src/panels/map/ha-entity-marker.js
+++ b/src/panels/map/ha-entity-marker.js
@@ -13,7 +13,6 @@ class HaEntityMarker extends EventsMixin(PolymerElement) {
       <style include="iron-positioning"></style>
       <style>
         .marker {
-          vertical-align: top;
           position: relative;
           display: block;
           margin: 0 auto;
@@ -25,7 +24,7 @@ class HaEntityMarker extends EventsMixin(PolymerElement) {
           border-radius: 50%;
           border: 0.1em solid var(--ha-marker-color, var(--primary-color));
           color: rgb(76, 76, 76);
-          background-color: white;
+          background-color: var(--light-primary-color);
         }
         iron-image {
           border-radius: 50%;