diff --git a/frontend/src/component/places/style-control.js b/frontend/src/component/places/style-control.js
index f1779860d..3677bf760 100644
--- a/frontend/src/component/places/style-control.js
+++ b/frontend/src/component/places/style-control.js
@@ -28,6 +28,8 @@ export default class MapStyleControl {
       styleElement.addEventListener("click", (event) => {
         const srcElement = event.srcElement;
         if (srcElement.classList.contains("active")) {
+          this.mapStyleContainer.style.display = "none";
+          this.styleButton.style.display = "block";
           return;
         }
 
diff --git a/frontend/src/page/places.vue b/frontend/src/page/places.vue
index 12638553d..253efdbce 100644
--- a/frontend/src/page/places.vue
+++ b/frontend/src/page/places.vue
@@ -549,7 +549,7 @@ export default {
 
       // Map style switcher control.
       if (this.mapStyles.length > 1) {
-        this.map.addControl(new MapStyleControl(this.mapStyles, this.style, this.setStyle), this.$rtl ? 'bottom-left' : 'bottom-right');
+        this.map.addControl(new MapStyleControl(this.mapStyles, this.style, this.setStyle), controlPos);
       }
 
       // Show map scale control.