diff --git a/client/src/routes/Search/Filters.test.tsx b/client/src/routes/Search/Filters.test.tsx
index 7a16b1d..25d65ca 100644
--- a/client/src/routes/Search/Filters.test.tsx
+++ b/client/src/routes/Search/Filters.test.tsx
@@ -2,16 +2,17 @@ import React from 'react'
 import { render } from '@testing-library/react'
 import { User } from '../../context'
 import { userMockConnected } from '../../../__mocks__/user-mock'
+import searchMock from '../../../__fixtures__/search.json'
 import Filters from './Filters'
 
 describe('Filters', () => {
     it('renders without crashing', () => {
-        const { debug, container } = render(
+        const { container } = render(
             <User.Provider value={userMockConnected}>
                 <Filters
                     category="Architecture"
                     license="Public"
-                    results={[]}
+                    results={searchMock.results}
                     filterByCategory={() => null}
                     filterByLicense={() => null}
                 />
diff --git a/client/src/routes/Search/Filters.tsx b/client/src/routes/Search/Filters.tsx
index 2457e96..a1d7091 100644
--- a/client/src/routes/Search/Filters.tsx
+++ b/client/src/routes/Search/Filters.tsx
@@ -77,6 +77,7 @@ export default function Filters({
 
                                     return (
                                         <FilterItem
+                                            key={shortid.generate()}
                                             isActive={isActive}
                                             filter={filter}
                                             filterByCategory={filterByCategory}