diff --git a/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_agents.vue b/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_agents.vue
index 44eeaf93f99022d36882216990fb3b64d144033c..0f2edb45c6d9c841b4820513d2c464f817fb6e2a 100644
--- a/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_agents.vue
+++ b/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_agents.vue
@@ -1,5 +1,4 @@
 <script>
-import { isEmpty } from 'lodash';
 import { GlAlert } from '@gitlab/ui';
 import * as Sentry from '~/sentry/sentry_browser_wrapper';
 import { s__, sprintf } from '~/locale';
@@ -40,9 +39,6 @@ export default {
     isLoading() {
       return this.$apollo.queries.aiCatalogAgents.loading;
     },
-    isItemSelected() {
-      return !isEmpty(this.activeItem);
-    },
   },
   watch: {
     '$route.params.show': {
@@ -122,7 +118,7 @@ export default {
       @select-item="selectItem"
     />
     <ai-catalog-item-drawer
-      :is-open="isItemSelected"
+      :is-open="activeItem !== null"
       :active-item="activeItem"
       :edit-route="$options.editRoute"
       @close="closeDrawer"
diff --git a/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_flows.vue b/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_flows.vue
index db8f814fd113c89ee368b6ee6d1968bc1052933b..f8d0066c729497ceeb78c7ba2617322b48d56b69 100644
--- a/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_flows.vue
+++ b/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_flows.vue
@@ -1,5 +1,4 @@
 <script>
-import { isEmpty } from 'lodash';
 import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import { fetchPolicies } from '~/lib/graphql';
 import { getParameterByName, removeParams, updateHistory } from '~/lib/utils/url_utility';
@@ -34,9 +33,6 @@ export default {
     isLoading() {
       return this.$apollo.queries.aiCatalogFlows.loading;
     },
-    isItemSelected() {
-      return !isEmpty(this.activeItem);
-    },
   },
   watch: {
     '$route.params.show': {
@@ -78,7 +74,7 @@ export default {
   <div>
     <ai-catalog-list :is-loading="isLoading" :items="aiCatalogFlows" @select-item="selectItem" />
     <ai-catalog-item-drawer
-      :is-open="isItemSelected"
+      :is-open="activeItem !== null"
       :active-item="activeItem"
       :edit-route="$options.editRoute"
       @close="closeDrawer"