diff --git a/resources/js/app.js b/resources/js/app.js
index e64682c74..21e0b38a2 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -31,14 +31,12 @@ import FilterSortBy from './components/filter/SortBy.vue'
 import FilterCheckbox from './components/filter/Checkbox.vue'
 import FilterCustomSelect from './components/filter/CustomSelect.vue'
 import CatalogNewItemsFilterController from './components/catalog-new/ItemsFilterController.vue'
-import CatalogNewPopoverGroupController from './components/catalog-new/PopoverGroupController.vue'
 import CatalogNewNewCustomSelectPopoverLabel from './components/catalog-new/NewCustomSelectPopoverLabel.vue'
 import CatalogNewNewColorSlider from './components/catalog-new/NewColorSlider.vue'
 import CatalogNewNewYearSlider from './components/catalog-new/NewYearSlider.vue'
 import CatalogNewNewCustomCheckbox from './components/catalog-new/NewCustomCheckbox.vue'
 import CatalogNewDisclosureModalController from './components/catalog-new/DisclosureModalController.vue'
 import CatalogNewSearchOptionsController from './components/catalog-new/SearchOptionsController.vue'
-import CatalogNewPopoverController from './components/catalog-new/PopoverController.vue'
 import CatalogNewInfiniteScroll from './components/catalog-new/InfiniteScroll.vue'
 import CatalogNewArtworkImageController from './components/catalog-new/ArtworkImageController.vue'
 import CatalogNewNumberFormatter from './components/catalog-new/NumberFormatter.vue'
@@ -89,7 +87,6 @@ createApp({
     .component('filter-checkbox', FilterCheckbox)
     .component('filter-custom-select', FilterCustomSelect)
     .component('filter-new-items-controller', CatalogNewItemsFilterController)
-    .component('filter-new-popover.group-controller', CatalogNewPopoverGroupController)
     .component('filter-new-custom-select-popover-label', CatalogNewNewCustomSelectPopoverLabel)
     .component('filter-new-color-slider', CatalogNewNewColorSlider)
     .component('filter-new-year-slider', CatalogNewNewYearSlider)
@@ -98,7 +95,6 @@ createApp({
     .component('toggle-controller', ToggleController)
     .component('reload-controller', ReloadController)
     .component('filter-search-options-controller', CatalogNewSearchOptionsController)
-    .component('filter-popover-controller', CatalogNewPopoverController)
     .component('catalog.infinite-scroll', CatalogNewInfiniteScroll)
     .component('catalog.artwork-image-controller', CatalogNewArtworkImageController)
     .component('catalog.number-formatter', CatalogNewNumberFormatter)
diff --git a/resources/js/components/catalog-new/PopoverController.vue b/resources/js/components/catalog-new/PopoverController.vue
deleted file mode 100644
index 3955abd75..000000000
--- a/resources/js/components/catalog-new/PopoverController.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-    <div ref="button">
-        <slot
-            name="button"
-            :popoverName="name"
-            :isOpen="isOpen"
-            :togglePopover="togglePopover"
-        ></slot>
-    </div>
-    <transition
-        enter-active-class="duration-300 ease-out"
-        enter-from-class="transform opacity-0"
-        enter-to-class="opacity-100"
-        leave-active-class="duration-200 ease-in"
-        leave-from-class="opacity-100"
-        leave-to-class="transform opacity-0"
-    >
-        <div ref="body" class="tw-z-10">
-            <slot
-                name="body"
-                :isOpen="this.isOpen"
-                :closeOpenedPopover="this.closeOpenedPopover"
-            ></slot>
-        </div>
-    </transition>
-</template>
-<script>
-import { createPopper } from '@popperjs/core'
-export default {
-    props: {
-        name: String,
-    },
-    data() {
-        return {
-            popper: null,
-        }
-    },
-    mounted() {
-        const button = this.$refs.button
-        const body = this.$refs.body
-        this.popper = createPopper(button, body, {
-            placement: 'bottom-start',
-        })
-    },
-    updated() {
-        this.popper.update()
-    },
-    computed: {
-        isOpen() {
-            return this.popoverGroupControllerData.openedPopover === this.name
-        },
-    },
-    inject: ['popoverGroupControllerData', 'togglePopover', 'closeOpenedPopover'],
-}
-</script>
diff --git a/resources/js/components/catalog-new/PopoverGroupController.vue b/resources/js/components/catalog-new/PopoverGroupController.vue
deleted file mode 100644
index 30cfe1496..000000000
--- a/resources/js/components/catalog-new/PopoverGroupController.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-    <slot></slot>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            provided: {
-                openedPopover: null,
-            },
-        }
-    },
-    methods: {
-        togglePopover(filterName) {
-            this.provided.openedPopover =
-                filterName === this.provided.openedPopover ? null : filterName
-        },
-        closeOpenedPopover() {
-            this.provided.openedPopover = null
-        },
-    },
-    provide() {
-        return {
-            popoverGroupControllerData: this.provided,
-            togglePopover: this.togglePopover,
-            closeOpenedPopover: this.closeOpenedPopover,
-        }
-    },
-}
-</script>