diff --git a/src/components/map-layers/SidebarLayers.vue b/src/components/map-layers/SidebarLayers.vue
index 2e9cc9d64c89a85ea6897286b05225b44d926502..4ea8b410fad28f2ab7d7c007560ab60fda83e213 100644
--- a/src/components/map-layers/SidebarLayers.vue
+++ b/src/components/map-layers/SidebarLayers.vue
@@ -1,5 +1,8 @@
 <template>
-  <div :class="['sidebar-container', { expanded }]">
+  <div
+    v-if="isOnline"
+    :class="['sidebar-container', { expanded }]"
+  >
     <!-- <div class="sidebar-layers"></div> -->
     <div
       class="layers-icon"
@@ -132,7 +135,12 @@ export default {
   },
 
   computed: {
-    ...mapState('map', ['availableLayers']),
+    ...mapState([
+      'isOnline',
+    ]),
+    ...mapState('map', [
+      'availableLayers'
+    ]),
   },
 
   mounted() {