From 5070fbc109c9d9530230cdaa1708484e784b817e Mon Sep 17 00:00:00 2001
From: Anastasia Balagurova <73748770+balagurova@users.noreply.github.com>
Date: Fri, 25 Jul 2025 14:58:31 +0300
Subject: [PATCH 1/2] Add disclaimer to the maps in the Governance key insights

---
 src/KeyInsights/GovernanceKeyInsights.tsx | 28 +++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/KeyInsights/GovernanceKeyInsights.tsx b/src/KeyInsights/GovernanceKeyInsights.tsx
index 1f39d7a..ae7d371 100644
--- a/src/KeyInsights/GovernanceKeyInsights.tsx
+++ b/src/KeyInsights/GovernanceKeyInsights.tsx
@@ -89,6 +89,20 @@ export function GovernanceKeyInsights() {
               valueArray={[-2, -1.5, -1, -0.5, 0, 0.5, 1, 1.5, 2]}
               colorArray={UNDPColorModule.divergentColors.colorsx10}
             />
+            <div
+              style={{
+                fontSize: '10px',
+                color: 'var(--gray-500)',
+                width: '90%',
+              }}
+            >
+              The designations employed and the presentation of material on this
+              map do not imply the expression of any opinion whatsoever on the
+              part of the Secretariat of the United Nations or UNDP concerning
+              the legal status of any country, territory, city or area or its
+              authorities, or concerning the delimitation of its frontiers or
+              boundaries.
+            </div>
           </div>
         </div>
         <div className='insight-card'>
@@ -152,6 +166,20 @@ export function GovernanceKeyInsights() {
               valueArray={[-0.5, -0.25, 0, 0.25, 0.5]}
               colorArray={UNDPColorModule.divergentColors.colorsx06}
             />
+            <div
+              style={{
+                fontSize: '10px',
+                color: 'var(--gray-500)',
+                width: '90%',
+              }}
+            >
+              The designations employed and the presentation of material on this
+              map do not imply the expression of any opinion whatsoever on the
+              part of the Secretariat of the United Nations or UNDP concerning
+              the legal status of any country, territory, city or area or its
+              authorities, or concerning the delimitation of its frontiers or
+              boundaries.
+            </div>
           </div>
         </div>
       </WrapperEl>

From 11846570978285969f44c60db985e9dd315706e8 Mon Sep 17 00:00:00 2001
From: Mustafa Saifee <mustafa.saifee@undp.org>
Date: Fri, 25 Jul 2025 17:20:14 +0300
Subject: [PATCH 2/2] Add footer to the map element

---
 src/KeyInsights/Components/WorldMap/index.tsx | 15 +++++-----
 .../WorldMapChangeOverTime/index.tsx          | 15 +++++-----
 src/KeyInsights/GovernanceKeyInsights.tsx     | 28 -------------------
 3 files changed, 14 insertions(+), 44 deletions(-)

diff --git a/src/KeyInsights/Components/WorldMap/index.tsx b/src/KeyInsights/Components/WorldMap/index.tsx
index de82452..84d7a7d 100644
--- a/src/KeyInsights/Components/WorldMap/index.tsx
+++ b/src/KeyInsights/Components/WorldMap/index.tsx
@@ -41,14 +41,13 @@ export function WorldMap(props: Props) {
           <div className='undp-loader' />
         </div>
       )}
-      {footer ? (
-        <p
-          className='undp-typography small-font margin-bottom-00'
-          style={{ color: 'var(--gray-600)' }}
-        >
-          {footer}
-        </p>
-      ) : null}
+      <p
+        className='undp-typography margin-bottom-00'
+        style={{ color: 'var(--gray-500)', fontSize: '10px' }}
+      >
+        {footer ||
+          'The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.'}
+      </p>
     </>
   );
 }
diff --git a/src/KeyInsights/Components/WorldMapChangeOverTime/index.tsx b/src/KeyInsights/Components/WorldMapChangeOverTime/index.tsx
index 733c70d..960fe8d 100644
--- a/src/KeyInsights/Components/WorldMapChangeOverTime/index.tsx
+++ b/src/KeyInsights/Components/WorldMapChangeOverTime/index.tsx
@@ -58,14 +58,13 @@ export function WorldMapChangeOverTime(props: Props) {
           <div className='undp-loader' />
         </div>
       )}
-      {footer ? (
-        <p
-          className='undp-typography small-font margin-bottom-00'
-          style={{ color: 'var(--gray-600)' }}
-        >
-          {footer}
-        </p>
-      ) : null}
+      <p
+        className='undp-typography margin-bottom-00'
+        style={{ color: 'var(--gray-500)', fontSize: '10px' }}
+      >
+        {footer ||
+          'The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.'}
+      </p>
     </>
   );
 }
diff --git a/src/KeyInsights/GovernanceKeyInsights.tsx b/src/KeyInsights/GovernanceKeyInsights.tsx
index ae7d371..1f39d7a 100644
--- a/src/KeyInsights/GovernanceKeyInsights.tsx
+++ b/src/KeyInsights/GovernanceKeyInsights.tsx
@@ -89,20 +89,6 @@ export function GovernanceKeyInsights() {
               valueArray={[-2, -1.5, -1, -0.5, 0, 0.5, 1, 1.5, 2]}
               colorArray={UNDPColorModule.divergentColors.colorsx10}
             />
-            <div
-              style={{
-                fontSize: '10px',
-                color: 'var(--gray-500)',
-                width: '90%',
-              }}
-            >
-              The designations employed and the presentation of material on this
-              map do not imply the expression of any opinion whatsoever on the
-              part of the Secretariat of the United Nations or UNDP concerning
-              the legal status of any country, territory, city or area or its
-              authorities, or concerning the delimitation of its frontiers or
-              boundaries.
-            </div>
           </div>
         </div>
         <div className='insight-card'>
@@ -166,20 +152,6 @@ export function GovernanceKeyInsights() {
               valueArray={[-0.5, -0.25, 0, 0.25, 0.5]}
               colorArray={UNDPColorModule.divergentColors.colorsx06}
             />
-            <div
-              style={{
-                fontSize: '10px',
-                color: 'var(--gray-500)',
-                width: '90%',
-              }}
-            >
-              The designations employed and the presentation of material on this
-              map do not imply the expression of any opinion whatsoever on the
-              part of the Secretariat of the United Nations or UNDP concerning
-              the legal status of any country, territory, city or area or its
-              authorities, or concerning the delimitation of its frontiers or
-              boundaries.
-            </div>
           </div>
         </div>
       </WrapperEl>