diff --git a/css/80_app.css b/css/80_app.css
index 0150828af..435437f53 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -2727,12 +2727,12 @@ div.full-screen > button:hover {
     position: fixed;
     top: 60px;
     bottom: 30px;
-    padding: 20px 50px 20px 20px;
+    padding: 2px 50px 20px 20px;
     right: 0;
     overflow: auto;
 }
 [dir='rtl'] .map-overlay.content {
-    padding: 20px 20px 20px 50px;
+    padding: 2px 20px 20px 50px;
     left: 0;
     right: auto !important;
 }
diff --git a/modules/ui/background.js b/modules/ui/background.js
index 44a95727d..b856ab76b 100644
--- a/modules/ui/background.js
+++ b/modules/ui/background.js
@@ -350,6 +350,11 @@ export function uiBackground(context) {
             .call(svgIcon('#icon-layers', 'light'))
             .call(paneTooltip);
 
+        pane
+            .append('button')
+            .on('click', function() { uiBackground.hidePane(); })
+            .call(svgIcon('#icon-close'));
+
         pane
             .append('h2')
             .text(t('background.title'));
diff --git a/modules/ui/help.js b/modules/ui/help.js
index bf158f366..63a78e694 100644
--- a/modules/ui/help.js
+++ b/modules/ui/help.js
@@ -381,6 +381,11 @@ export function uiHelp(context) {
             .call(tooltipBehavior);
         var shown = false;
 
+        pane
+            .append('button')
+            .on('click', function() { uiHelp.hidePane(); })
+            .call(svgIcon('#icon-close'));
+
 
         var toc = pane
             .append('ul')
diff --git a/modules/ui/map_data.js b/modules/ui/map_data.js
index 457a43be5..6b5c268c6 100644
--- a/modules/ui/map_data.js
+++ b/modules/ui/map_data.js
@@ -457,6 +457,11 @@ export function uiMapData(context) {
             .call(paneTooltip);
 
 
+        pane
+            .append('button')
+            .on('click', function() { uiMapData.hidePane(); })
+            .call(svgIcon('#icon-close'));
+
         pane
             .append('h2')
             .text(t('map_data.title'));