From b1aa89e7681265edab8d7ce710a91ac1b547cbf8 Mon Sep 17 00:00:00 2001
From: Timothy Mugo <tmugo@developmentgateway.org>
Date: Tue, 28 Jul 2026 20:06:05 +0300
Subject: [PATCH 1/2] chore: remove vertical spacer in map legends

---
 packages/dvz-ui/src/embeddable/map/legend.jsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

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={{

From fd558eb30c4a9574a35a509d076e34d1fc475e4a Mon Sep 17 00:00:00 2001
From: Timothy Mugo <tmugo@developmentgateway.org>
Date: Tue, 28 Jul 2026 20:06:47 +0300
Subject: [PATCH 2/2] chore: remove vertical spacer in map legends

---
 .changeset/dry-clubs-stand.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/dry-clubs-stand.md

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