diff --git a/.changeset/dry-clubs-stand.md b/.changeset/dry-clubs-stand.md
new file mode 100644
index 00000000..52c25bc2
--- /dev/null
+++ b/.changeset/dry-clubs-stand.md
@@ -0,0 +1,5 @@
+---
+"@devgateway/dvz-ui-react": patch
+---
+
+Remove vertical spacer in map legend
diff --git a/packages/dvz-ui/src/embeddable/map/legend.jsx b/packages/dvz-ui/src/embeddable/map/legend.jsx
index 1ee24856..3297a2c6 100644
--- a/packages/dvz-ui/src/embeddable/map/legend.jsx
+++ b/packages/dvz-ui/src/embeddable/map/legend.jsx
@@ -43,10 +43,7 @@ export default class Legend extends React.Component {
             {filteredBreaks && filteredBreaks.length > 0
               ? formattedLegendTitle
               : ""}
-          </span>
-          {filteredBreaks.length > 0 && (
-            <span className="vertical-spacer">|</span>
-          )}
+          </span> 
         </div>
         <div className="legend">
           <ul className="legend-items-container">
@@ -110,7 +107,6 @@ export default class Legend extends React.Component {
               symbols.map((symbol, i) => {
                 return (
                   <li key={"k" + i} className="legend-item">
-                    <span className="vertical-spacer">|</span>
                     {symbol.image && (
                       <img
                         style={{