diff --git a/changes/changelog.d/278.bugfix b/changes/changelog.d/278.bugfix
new file mode 100644
index 0000000000000000000000000000000000000000..e1d831de166d25d9c46e134e96d3255af12e3ef6
--- /dev/null
+++ b/changes/changelog.d/278.bugfix
@@ -0,0 +1 @@
+Broken search bar on library home (#278)
diff --git a/front/src/components/audio/Search.vue b/front/src/components/audio/Search.vue
index 890c83f5bfc2d6562eedfda26b9a63a4fe631bf1..9cfea3bc0cae5da768bbf1dbefe7e12b405f508c 100644
--- a/front/src/components/audio/Search.vue
+++ b/front/src/components/audio/Search.vue
@@ -29,9 +29,9 @@
 </template>
 
 <script>
+import _ from 'lodash'
 import axios from 'axios'
 import logger from '@/logging'
-import backend from '@/audio/backend'
 import AlbumCard from '@/components/audio/album/Card'
 import ArtistCard from '@/components/audio/artist/Card'
 
@@ -50,7 +50,6 @@ export default {
         albums: [],
         artists: []
       },
-      backend: backend,
       isLoading: false
     }
   },
@@ -61,7 +60,7 @@ export default {
     this.search()
   },
   methods: {
-    search () {
+    search: _.debounce(function () {
       if (this.query.length < 1) {
         return
       }
@@ -77,15 +76,11 @@ export default {
         self.results = self.castResults(response.data)
         self.isLoading = false
       })
-    },
+    }, 500),
     castResults (results) {
       return {
-        albums: results.albums.map((album) => {
-          return backend.Album.clean(album)
-        }),
-        artists: results.artists.map((artist) => {
-          return backend.Artist.clean(artist)
-        })
+        albums: results.albums,
+        artists: results.artists
       }
     }
   },