diff --git a/css/80_app.css b/css/80_app.css
index e652cbecf1..241430a8ec 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -3627,18 +3627,17 @@ img.tile-removing {
 
 .notice {
     position: absolute;
-    top: 0;
-    bottom: 0;
+    top: 50%;
+    bottom: 50%;
     left: 0;
     right: 0;
     text-align: center;
-    background: #fff;
 }
 
 .notice .zoom-to {
     margin: auto;
     width: 80%;
-    height: 100px;
+    height: 80px;
     border-radius: 5px;
     line-height: 40px;
     color: #000;
@@ -4202,4 +4201,3 @@ li.hide + li.version .badge .tooltip .tooltip-arrow {
     width: 100px;
     color: #7092FF;
 }
-
diff --git a/modules/ui/init.js b/modules/ui/init.js
index 08181d367b..c11db01d91 100644
--- a/modules/ui/init.js
+++ b/modules/ui/init.js
@@ -22,6 +22,7 @@ import { uiLoading } from './loading';
 import { uiMapData } from './map_data';
 import { uiMapInMap } from './map_in_map';
 import { uiModes } from './modes';
+import { uiNotice } from './notice';
 import { uiRestore } from './restore';
 import { uiSave } from './save';
 import { uiScale } from './scale';
@@ -82,7 +83,8 @@ export function uiInit(context) {
 
         content
             .call(uiMapInMap(context))
-            .call(uiInfo(context));
+            .call(uiInfo(context))
+            .call(uiNotice(context));
 
         bar
             .append('div')
diff --git a/modules/ui/sidebar.js b/modules/ui/sidebar.js
index a84660d054..2a5e4e0aae 100644
--- a/modules/ui/sidebar.js
+++ b/modules/ui/sidebar.js
@@ -1,7 +1,6 @@
 import _ from 'lodash';
 import { uiFeatureList } from './feature_list';
 import { uiInspector } from './inspector';
-import { uiNotice } from './notice';
 
 
 export function uiSidebar(context) {
@@ -15,8 +14,6 @@ export function uiSidebar(context) {
             .attr('class', 'feature-list-pane')
             .call(uiFeatureList(context));
 
-        selection
-            .call(uiNotice(context));
 
         var inspectorWrap = selection
             .append('div')