diff --git a/frontend/src/components/GroupBy.vue b/frontend/src/components/GroupBy.vue
index 8a8926fb..a856d0cd 100644
--- a/frontend/src/components/GroupBy.vue
+++ b/frontend/src/components/GroupBy.vue
@@ -1,6 +1,6 @@
 <template>
   <Autocomplete :options="options" value="" @change="(e) => setGroupBy(e)">
-    <template #target="{ togglePopover }">
+    <template #target="{ togglePopover, isOpen }">
       <Button
         :label="
           hideLabel
@@ -14,7 +14,7 @@
         </template>
         <template #suffix>
           <FeatherIcon
-            :name="open ? 'chevron-up' : 'chevron-down'"
+            :name="isOpen ? 'chevron-up' : 'chevron-down'"
             class="h-4"
           />
         </template>
diff --git a/frontend/src/components/frappe-ui/Autocomplete.vue b/frontend/src/components/frappe-ui/Autocomplete.vue
index a28f5f03..cf5053cc 100644
--- a/frontend/src/components/frappe-ui/Autocomplete.vue
+++ b/frontend/src/components/frappe-ui/Autocomplete.vue
@@ -2,7 +2,7 @@
   <Combobox v-model="selectedValue" nullable v-slot="{ open: isComboboxOpen }">
     <Popover class="w-full" v-model:show="showOptions">
       <template #target="{ open: openPopover, togglePopover }">
-        <slot name="target" v-bind="{ open: openPopover, togglePopover }">
+        <slot name="target" v-bind="{ open: openPopover, togglePopover, isOpen: showOptions }">
           <div class="w-full">
             <button
               class="flex w-full items-center justify-between focus:outline-none"