diff --git a/datausa/assets/scss/elements/_map.scss b/datausa/assets/scss/elements/_map.scss
index 738628901..fa68eb5af 100644
--- a/datausa/assets/scss/elements/_map.scss
+++ b/datausa/assets/scss/elements/_map.scss
@@ -43,11 +43,11 @@ $map-sidebar: 250px;
 }
 
 #map-sharing {
-  background-color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(255, 255, 255, 0.75);
   border: 1px solid $gray-d;
-  bottom: 10px;
-  left: $map-sidebar + 10;
+  right: 10px;
   position: fixed;
+  top: $title-height + 10;
   z-index: 2;
 
   .pri-btn {
@@ -147,7 +147,7 @@ $map-sidebar: 250px;
     margin: 5px;
     position: relative;
     width: 15px;
-    background-color: rgba(255, 255, 255, 0.5);
+    background-color: rgba(255, 255, 255, 0.75);
 
     &::after {
       top: 2px;
diff --git a/datausa/static/css/site.css b/datausa/static/css/site.css
index 5bdfe84a2..177210a9a 100644
--- a/datausa/static/css/site.css
+++ b/datausa/static/css/site.css
@@ -5604,11 +5604,11 @@ body.map {
     overflow: hidden; }
 
 #map-sharing {
-  background-color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(255, 255, 255, 0.75);
   border: 1px solid #999;
-  bottom: 10px;
-  left: 260px;
+  right: 10px;
   position: fixed;
+  top: 50px;
   z-index: 2; }
   #map-sharing .pri-btn {
     color: #999;
@@ -5667,7 +5667,7 @@ body.map {
       margin: 5px;
       position: relative;
       width: 15px;
-      background-color: rgba(255, 255, 255, 0.5); }
+      background-color: rgba(255, 255, 255, 0.75); }
       .map-controls .zoom-in::after, .map-controls .zoom-out::after,
       .map-controls .zoom-reset::after {
         top: 2px;