diff --git a/src/components/base/MultiSelect.vue b/src/components/base/MultiSelect.vue
index 8e97c14..3c4778a 100644
--- a/src/components/base/MultiSelect.vue
+++ b/src/components/base/MultiSelect.vue
@@ -34,9 +34,9 @@ const dropdownLabel = computed(() => {
       class: { 'ml-20': props.filter }
     }
   }">
-    <template #headercheckboxicon="{ allSelected }">
-      <Icon v-show="allSelected" icon="prime:check" class="p-checkbox-icon h-5 w-5" data-pc-section="headercheckboxicon"/>
-      <span :class="['ml-[7.5rem] absolute w-20 z-[1001]', allSelected ? 'text-highlight' : 'text-black']">{{ t('select_all') }}</span>
+    <template #headercheckboxicon>
+      <Icon v-show="allItemsSelected" icon="prime:check" class="p-checkbox-icon h-5 w-5" data-pc-section="headercheckboxicon"/>
+      <span :class="['ml-[7.5rem] absolute w-20 z-[1001]', allItemsSelected ? 'text-highlight' : 'text-black']">{{ t('select_all') }}</span>
     </template>
     <template v-for="(_, slot) in $slots" v-slot:[slot]="slotData">
       <slot :name="slot" v-bind="slotData"></slot>