layout of search bar

2 files changed, 1 insertions, 2 deletions

diff --git a/src/client/views/nodes/MapBox/MapBox.scss b/src/client/views/nodes/MapBox/MapBox.scss
index b704b26a2..464646a23 100644
--- a/src/client/views/nodes/MapBox/MapBox.scss
+++ b/src/client/views/nodes/MapBox/MapBox.scss
@@ -14,6 +14,7 @@
     .mapBox-searchbar {
         display: flex;
         flex-direction: row;
+        width: calc(100% - 40px);
         .editableText-container {
             width: 100%;
         }
diff --git a/src/client/views/nodes/MapBox/MapBox.tsx b/src/client/views/nodes/MapBox/MapBox.tsx
index 91333845a..bd6adaecb 100644
--- a/src/client/views/nodes/MapBox/MapBox.tsx
+++ b/src/client/views/nodes/MapBox/MapBox.tsx
@@ -799,7 +799,6 @@ export class MapBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProps
                     {this.annotationLayer}
 
                     <div className="mapBox-searchbar">
-                        <div style={{ width: 'calc(100% - 40px)' }}>
                             <EditableText
                                 // editing
                                 setVal={(newText: string | number) => typeof newText === 'string' && this.searchbarOnEdit(newText)}
@@ -807,7 +806,6 @@ export class MapBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProps
                                 placeholder={this.bingSearchBarContents}
                                 textAlign="center"
                             />
-                        </div>
                         <IconButton
                             icon={
                                 <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="magnifying-glass" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" color="#DFDFDF">