diff --git a/packages/vue-components/lib/components/LayerListControls/LayerListControls.vue b/packages/vue-components/lib/components/LayerListControls/LayerListControls.vue
index 3898874d3..77eb080f1 100644
--- a/packages/vue-components/lib/components/LayerListControls/LayerListControls.vue
+++ b/packages/vue-components/lib/components/LayerListControls/LayerListControls.vue
@@ -33,7 +33,7 @@
 </template>
 
 <script>
-import { watch, ref, toRefs, computed } from '@vue/composition-api'
+import { watch, ref, toRefs, computed, onMounted } from '@vue/composition-api'
 import addIndex from './add-index'
 import findInTree from './find-in-tree'
 import addParentIdToLayers from './add-parent-id-to-layers'
@@ -58,6 +58,10 @@ export default {
     const { activeLegend, setActiveLegend } = useLegend(selectedIds)
     const { onSortingChange } = useSortable(layers, root, openItems)
 
+    onMounted(() => {
+      setSelectedIds([])
+    })
+
     const sortedSelectedLayers = computed(() => {
       const withIndex = addIndex(layers.value)
       return selectedIds.value