diff --git a/src/pages/bands/bandsPage/index.vue b/src/pages/bands/bandsPage/index.vue
index c74f2c7..8615199 100644
--- a/src/pages/bands/bandsPage/index.vue
+++ b/src/pages/bands/bandsPage/index.vue
@@ -39,8 +39,8 @@ watch(() => router.currentRoute.value.query, () => {
         </v-row>
 
         <v-row
-          v-else-if="bandStore.bands.length > 0"
-          v-for="band in bandStore.bands"
+          v-else-if="bandStore.filteredBands.length > 0"
+          v-for="band in bandStore.filteredBands"
         >
           <v-col>
             <band-list-item
diff --git a/src/stores/band.store.ts b/src/stores/band.store.ts
index 60449a9..7b498fa 100644
--- a/src/stores/band.store.ts
+++ b/src/stores/band.store.ts
@@ -12,6 +12,9 @@ export const useBandStore = defineStore("bandStore", {
     /** All available bands */
     bands: ref<Array<BandApiModel>>([]),
 
+    /** Available bands filtered by parameters */
+    filteredBands: ref<Array<BandApiModel>>([]),
+
     /** All information about a single band */
     band: ref<BandDetailsApiModel>(new BandDetailsApiModel()),
 
@@ -32,7 +35,9 @@ export const useBandStore = defineStore("bandStore", {
 
       await fetchAllBands()
         .then(result => {
-          this.bands = result.data.filter((band: BandApiModel) => {
+          this.bands = result.data
+
+          this.filteredBands = result.data.filter((band: BandApiModel) => {
             if (genreStore.genre == null) {
               return true
             }