fixed input placement in map search

2 files changed, 5 insertions, 2 deletions

diff --git a/src/client/views/nodes/MapBox/MapBox.scss b/src/client/views/nodes/MapBox/MapBox.scss
index 7e96d2d4e..b704b26a2 100644
--- a/src/client/views/nodes/MapBox/MapBox.scss
+++ b/src/client/views/nodes/MapBox/MapBox.scss
@@ -17,6 +17,9 @@
         .editableText-container {
             width: 100%;
         }
+        input {
+            width: 100%;
+        }
     }
     .mapBox-topbar {
         display: flex;
diff --git a/src/client/views/nodes/MapBox/MapBox.tsx b/src/client/views/nodes/MapBox/MapBox.tsx
index f7f046e9a..91333845a 100644
--- a/src/client/views/nodes/MapBox/MapBox.tsx
+++ b/src/client/views/nodes/MapBox/MapBox.tsx
@@ -471,7 +471,7 @@ export class MapBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProps
      *
      **/
     @observable
-    bingSearchBarContents: any = 'Boston, MA'; // For Bing Maps: The contents of the Bing search bar (string)
+    bingSearchBarContents: any = 'enter city/zip/...'; // For Bing Maps: The contents of the Bing search bar (string)
 
     geoDataRequestOptions = {
         entityType: 'PopulatedPlace',
@@ -804,7 +804,7 @@ export class MapBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProps
                                 // editing
                                 setVal={(newText: string | number) => typeof newText === 'string' && this.searchbarOnEdit(newText)}
                                 onEnter={e => this.bingSearch()}
-                                placeholder="Boston"
+                                placeholder={this.bingSearchBarContents}
                                 textAlign="center"
                             />
                         </div>