diff --git a/src/client/components/facet_bar/FacetBar.js b/src/client/components/facet_bar/FacetBar.js
index 57b65ae0e724fdcc11f509cfbee1ea2105232b4d..9415c70a8086f0a399f29d90c529172ccffdf51a 100644
--- a/src/client/components/facet_bar/FacetBar.js
+++ b/src/client/components/facet_bar/FacetBar.js
@@ -370,6 +370,7 @@ class FacetBar extends React.Component {
             updateMapBounds={this.props.updateMapBounds}
             showError={this.props.showError}
             perspectiveID={facetClass}
+            layoutConfig={this.props.layoutConfig}
           />}
         {(facetedSearchMode === 'serverFS' || facetData.results !== null) &&
           <Paper className={classes.facetInfoContainer}>
diff --git a/src/client/components/facet_bar/LeafletMapDialog.js b/src/client/components/facet_bar/LeafletMapDialog.js
index 64c137b1888446755d354f37d80e09ff1d4a4183..a5024125340400355c7ceb6e967fa7fc035c3d5a 100644
--- a/src/client/components/facet_bar/LeafletMapDialog.js
+++ b/src/client/components/facet_bar/LeafletMapDialog.js
@@ -12,6 +12,10 @@ import CropFreeIcon from '@material-ui/icons/CropFree'
 import LeafletMap from '../facet_results/LeafletMap'
 import CircularProgress from '@material-ui/core/CircularProgress'
 import Paper from '@material-ui/core/Paper'
+import {
+  MAPBOX_ACCESS_TOKEN,
+  MAPBOX_STYLE
+} from '../../configs/sampo/GeneralConfig'
 
 const styles = theme => ({
   root: {
@@ -99,6 +103,8 @@ class LeafletMapDialog extends React.Component {
         >
           <DialogTitle id='dialog-title'>{intl.get(`perspectives.${perspectiveID}.searchByAreaTitle`)}</DialogTitle>
           <LeafletMap
+            mapBoxAccessToken={MAPBOX_ACCESS_TOKEN}
+            mapBoxStyle={MAPBOX_STYLE}
             center={center}
             zoom={zoom}
             resultClass='clientFSBboxSearch'
@@ -110,6 +116,7 @@ class LeafletMapDialog extends React.Component {
             facetedSearchMode='clientFS'
             updateMapBounds={this.props.updateMapBounds}
             container='mapDialog'
+            layoutConfig={this.props.layoutConfig}
           />
           <DialogActions>
             <Button onClick={this.handleClose} variant='contained' color='primary' autoFocus>
@@ -132,7 +139,8 @@ LeafletMapDialog.propTypes = {
   clientFSClearResults: PropTypes.func.isRequired,
   updateMapBounds: PropTypes.func,
   showError: PropTypes.func,
-  perspectiveID: PropTypes.string.isRequired
+  perspectiveID: PropTypes.string.isRequired,
+  layoutConfig: PropTypes.object.isRequired
 }
 
 export const LeafletMapDialogComponent = LeafletMapDialog