diff --git a/cypress/e2e/with_mock_data/catalogueItems.cy.ts b/cypress/e2e/with_mock_data/catalogueItems.cy.ts
index 1c31bd91c..2ad44d17c 100644
--- a/cypress/e2e/with_mock_data/catalogueItems.cy.ts
+++ b/cypress/e2e/with_mock_data/catalogueItems.cy.ts
@@ -509,6 +509,26 @@ describe('Catalogue Items', () => {
       .should('include', '_blank'); // Check target attribute value
   });
 
+  it('checks the href property of the number of spares (Table)', () => {
+    cy.findByRole('button', { name: 'Show/Hide columns' }).click();
+    cy.findByText('Hide all').click();
+
+    cy.findByText('Number of spares').click();
+
+    cy.findAllByText('2')
+      .first()
+      .should('have.attr', 'href')
+      .should(
+        'include',
+        '/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA'
+      );
+
+    cy.findAllByText('2').first().click({ force: true });
+
+    cy.findByText('vYs9Vxx6yWbn').should('exist');
+    cy.findByText('Zf7P8Qu8TD8c').should('not.exist');
+  });
+
   it('displays the expired landing page message and navigates back to the catalogue home', () => {
     cy.visit('/catalogue/item/1fds');
 
@@ -910,6 +930,22 @@ describe('Catalogue Items', () => {
     cy.url().should('contain', 'catalogue/item/89/items');
   });
 
+  it('can navigate to an items page (with applied spares definition) from the landing page', () => {
+    cy.visit('/catalogue/5');
+    cy.findByText('Energy Meters 26').click();
+    cy.findByText('1')
+      .should('have.attr', 'href')
+      .should(
+        'include',
+        '/catalogue/item/89/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA'
+      );
+
+    cy.findByText('1').click();
+
+    cy.findByText('qKcw2send4S8').should('exist');
+    cy.findByText('0QcKayBCxRm4').should('not.exist');
+  });
+
   it('opens add dialog for categories in directory and has functionality of duplicate', () => {
     cy.visit('/catalogue/5');
     cy.findAllByLabelText('Toggle select row').first().click();
@@ -1059,6 +1095,7 @@ describe('Catalogue Items', () => {
           notes: 'Need to find new manufacturer. 26',
           created_time: '2024-01-01T12:00:00.000+00:00',
           modified_time: '2024-01-02T13:10:10.000+00:00',
+          number_of_spares: 1,
         })
       );
       expect(JSON.stringify(await patchRequests[1].json())).equal(
@@ -1086,6 +1123,7 @@ describe('Catalogue Items', () => {
           notes: 'Need to find new manufacturer. 27',
           created_time: '2024-01-01T12:00:00.000+00:00',
           modified_time: '2024-01-02T13:10:10.000+00:00',
+          number_of_spares: 2,
         })
       );
     });
diff --git a/cypress/e2e/with_mock_data/items.cy.ts b/cypress/e2e/with_mock_data/items.cy.ts
index 0e46a41fd..01c6f5b62 100644
--- a/cypress/e2e/with_mock_data/items.cy.ts
+++ b/cypress/e2e/with_mock_data/items.cy.ts
@@ -20,6 +20,29 @@ describe('Items', () => {
     cy.findByText('Beam Characterization').should('be.visible');
   });
 
+  it('should be able to set and unset spares filter', () => {
+    cy.visit('/catalogue/item/1/items');
+
+    cy.findByText('5YUQDDjKpz2z').should('exist');
+    cy.findByText('vYs9Vxx6yWbn').should('exist');
+    cy.findByText('PcfCM1jp0SUV').should('exist');
+    cy.findByText('Zf7P8Qu8TD8c').should('exist');
+
+    cy.findByText('Apply spares filter').click();
+
+    cy.findByText('5YUQDDjKpz2z').should('not.exist');
+    cy.findByText('vYs9Vxx6yWbn').should('exist');
+    cy.findByText('PcfCM1jp0SUV').should('exist');
+    cy.findByText('Zf7P8Qu8TD8c').should('not.exist');
+
+    cy.findByRole('button', { name: 'Clear Filters' }).click();
+
+    cy.findByText('5YUQDDjKpz2z').should('exist');
+    cy.findByText('vYs9Vxx6yWbn').should('exist');
+    cy.findByText('PcfCM1jp0SUV').should('exist');
+    cy.findByText('Zf7P8Qu8TD8c').should('exist');
+  });
+
   it('should be able to navigate back to the catalogue home step by step', () => {
     cy.visit('/catalogue/item/1/items/KvT2Ox7n');
 
diff --git a/src/admin/__snapshots__/adminCard.component.test.tsx.snap b/src/admin/__snapshots__/adminCard.component.test.tsx.snap
index fc9d9d6cd..d44f961eb 100644
--- a/src/admin/__snapshots__/adminCard.component.test.tsx.snap
+++ b/src/admin/__snapshots__/adminCard.component.test.tsx.snap
@@ -69,351 +69,6 @@ exports[`AdminCard Component > dialog > renders correctly with "dialog" type 1`]
 </body>
 `;
 
-exports[`AdminCard Component > link > link > renders correctly with "page" type and link 1`] = `
-<body>
-  <div>
-    <a
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth css-q760su-MuiButtonBase-root-MuiButton-root"
-      href="/dashboard"
-      tabindex="0"
-    >
-      <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-siqlql-MuiPaper-root-MuiCard-root"
-      >
-        <div
-          class="MuiCardContent-root css-lo1d59-MuiCardContent-root"
-        >
-          <div
-            class="MuiGrid-root css-vj1n65-MuiGrid-root"
-          >
-            <div
-              class="MuiGrid-root css-13qkvwv-MuiGrid-root"
-            >
-              <p
-                class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
-              >
-                Go to Dashboard
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <span
-        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
-    </a>
-  </div>
-  <div>
-    <a
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth css-q760su-MuiButtonBase-root-MuiButton-root"
-      href="/dashboard"
-      tabindex="0"
-    >
-      <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-siqlql-MuiPaper-root-MuiCard-root"
-      >
-        <div
-          class="MuiCardContent-root css-lo1d59-MuiCardContent-root"
-        >
-          <div
-            class="MuiGrid-root css-vj1n65-MuiGrid-root"
-          >
-            <div
-              class="MuiGrid-root css-13qkvwv-MuiGrid-root"
-            >
-              <p
-                class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
-              >
-                Go to Dashboard
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <span
-        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
-    </a>
-  </div>
-</body>
-`;
-
-exports[`AdminCard Component > link > renders correctly with "page" type and link 1`] = `
-<body>
-  <div>
-    <a
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth css-q760su-MuiButtonBase-root-MuiButton-root"
-      href="/dashboard"
-      tabindex="0"
-    >
-      <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-siqlql-MuiPaper-root-MuiCard-root"
-      >
-        <div
-          class="MuiCardContent-root css-lo1d59-MuiCardContent-root"
-        >
-          <div
-            class="MuiGrid-root css-vj1n65-MuiGrid-root"
-          >
-            <div
-              class="MuiGrid-root css-13qkvwv-MuiGrid-root"
-            >
-              <p
-                class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
-              >
-                Go to Dashboard
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <span
-        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
-    </a>
-  </div>
-  <div>
-    <a
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth css-q760su-MuiButtonBase-root-MuiButton-root"
-      href="/dashboard"
-      tabindex="0"
-    >
-      <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-siqlql-MuiPaper-root-MuiCard-root"
-      >
-        <div
-          class="MuiCardContent-root css-lo1d59-MuiCardContent-root"
-        >
-          <div
-            class="MuiGrid-root css-vj1n65-MuiGrid-root"
-          >
-            <div
-              class="MuiGrid-root css-13qkvwv-MuiGrid-root"
-            >
-              <p
-                class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
-              >
-                Go to Dashboard
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <span
-        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
-    </a>
-  </div>
-</body>
-`;
-
-exports[`AdminCard Component > page > dialog > renders correctly with "dialog" type 1`] = `
-<body>
-  <div>
-    <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth css-q760su-MuiButtonBase-root-MuiButton-root"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-siqlql-MuiPaper-root-MuiCard-root"
-      >
-        <div
-          class="MuiCardContent-root css-lo1d59-MuiCardContent-root"
-        >
-          <div
-            class="MuiGrid-root css-vj1n65-MuiGrid-root"
-          >
-            <div
-              class="MuiGrid-root css-13qkvwv-MuiGrid-root"
-            >
-              <p
-                class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
-              >
-                Go to Dashboard
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <span
-        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
-    </button>
-  </div>
-  <div>
-    <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth css-q760su-MuiButtonBase-root-MuiButton-root"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-siqlql-MuiPaper-root-MuiCard-root"
-      >
-        <div
-          class="MuiCardContent-root css-lo1d59-MuiCardContent-root"
-        >
-          <div
-            class="MuiGrid-root css-vj1n65-MuiGrid-root"
-          >
-            <div
-              class="MuiGrid-root css-13qkvwv-MuiGrid-root"
-            >
-              <p
-                class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
-              >
-                Go to Dashboard
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <span
-        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
-    </button>
-  </div>
-</body>
-`;
-
-exports[`AdminCard Component > page > dialog > renders correctly with "dialog" type and link 1`] = `
-<body>
-  <div>
-    <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth css-q760su-MuiButtonBase-root-MuiButton-root"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-siqlql-MuiPaper-root-MuiCard-root"
-      >
-        <div
-          class="MuiCardContent-root css-lo1d59-MuiCardContent-root"
-        >
-          <div
-            class="MuiGrid-root css-vj1n65-MuiGrid-root"
-          >
-            <div
-              class="MuiGrid-root css-13qkvwv-MuiGrid-root"
-            >
-              <p
-                class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
-              >
-                Go to Dashboard
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <span
-        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
-    </button>
-  </div>
-  <div>
-    <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth css-q760su-MuiButtonBase-root-MuiButton-root"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-siqlql-MuiPaper-root-MuiCard-root"
-      >
-        <div
-          class="MuiCardContent-root css-lo1d59-MuiCardContent-root"
-        >
-          <div
-            class="MuiGrid-root css-vj1n65-MuiGrid-root"
-          >
-            <div
-              class="MuiGrid-root css-13qkvwv-MuiGrid-root"
-            >
-              <p
-                class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
-              >
-                Go to Dashboard
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <span
-        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
-    </button>
-  </div>
-</body>
-`;
-
-exports[`AdminCard Component > page > dialog > renders correctly with "page" type and link 1`] = `
-<body>
-  <div>
-    <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth css-q760su-MuiButtonBase-root-MuiButton-root"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-siqlql-MuiPaper-root-MuiCard-root"
-      >
-        <div
-          class="MuiCardContent-root css-lo1d59-MuiCardContent-root"
-        >
-          <div
-            class="MuiGrid-root css-vj1n65-MuiGrid-root"
-          >
-            <div
-              class="MuiGrid-root css-13qkvwv-MuiGrid-root"
-            >
-              <p
-                class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
-              >
-                Go to Dashboard
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <span
-        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
-    </button>
-  </div>
-  <div>
-    <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth css-q760su-MuiButtonBase-root-MuiButton-root"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-siqlql-MuiPaper-root-MuiCard-root"
-      >
-        <div
-          class="MuiCardContent-root css-lo1d59-MuiCardContent-root"
-        >
-          <div
-            class="MuiGrid-root css-vj1n65-MuiGrid-root"
-          >
-            <div
-              class="MuiGrid-root css-13qkvwv-MuiGrid-root"
-            >
-              <p
-                class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
-              >
-                Go to Dashboard
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <span
-        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
-    </button>
-  </div>
-</body>
-`;
-
 exports[`AdminCard Component > page > renders correctly with "page" type  1`] = `
 <body>
   <div>
@@ -482,72 +137,3 @@ exports[`AdminCard Component > page > renders correctly with "page" type  1`] =
   </div>
 </body>
 `;
-
-exports[`AdminCard Component > page > renders correctly with "page" type and link 1`] = `
-<body>
-  <div>
-    <a
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth css-q760su-MuiButtonBase-root-MuiButton-root"
-      href="/dashboard"
-      tabindex="0"
-    >
-      <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-siqlql-MuiPaper-root-MuiCard-root"
-      >
-        <div
-          class="MuiCardContent-root css-lo1d59-MuiCardContent-root"
-        >
-          <div
-            class="MuiGrid-root css-vj1n65-MuiGrid-root"
-          >
-            <div
-              class="MuiGrid-root css-13qkvwv-MuiGrid-root"
-            >
-              <p
-                class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
-              >
-                Go to Dashboard
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <span
-        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
-    </a>
-  </div>
-  <div>
-    <a
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-fullWidth css-q760su-MuiButtonBase-root-MuiButton-root"
-      href="/dashboard"
-      tabindex="0"
-    >
-      <div
-        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-siqlql-MuiPaper-root-MuiCard-root"
-      >
-        <div
-          class="MuiCardContent-root css-lo1d59-MuiCardContent-root"
-        >
-          <div
-            class="MuiGrid-root css-vj1n65-MuiGrid-root"
-          >
-            <div
-              class="MuiGrid-root css-13qkvwv-MuiGrid-root"
-            >
-              <p
-                class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
-              >
-                Go to Dashboard
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <span
-        class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-      />
-    </a>
-  </div>
-</body>
-`;
diff --git a/src/api/api.types.tsx b/src/api/api.types.tsx
index e7d312262..4b1333255 100644
--- a/src/api/api.types.tsx
+++ b/src/api/api.types.tsx
@@ -191,6 +191,7 @@ export interface CatalogueItem
     Required<Omit<CatalogueItemPost, 'properties'>> {
   id: string;
   properties: Property[];
+  number_of_spares?: number;
 }
 
 // ------------------------------------ ITEMS ------------------------------------------------
diff --git a/src/catalogue/items/__snapshots__/catalogueItemsDetailsPanel.component.test.tsx.snap b/src/catalogue/items/__snapshots__/catalogueItemsDetailsPanel.component.test.tsx.snap
index d3a66a7df..28ec6ad09 100644
--- a/src/catalogue/items/__snapshots__/catalogueItemsDetailsPanel.component.test.tsx.snap
+++ b/src/catalogue/items/__snapshots__/catalogueItemsDetailsPanel.component.test.tsx.snap
@@ -134,6 +134,25 @@ exports[`Catalogue Items details panel > renders details panel correctly (None v
                   <div
                     class="MuiGrid-root MuiGrid-container MuiGrid-item css-1f064cs-MuiGrid-root"
                   >
+                    <div
+                      class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
+                    >
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1mye6xq-MuiTypography-root"
+                      >
+                        Number of spares
+                      </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1adeo1o-MuiTypography-root"
+                      >
+                        <a
+                          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-11iau0r-MuiTypography-root-MuiLink-root"
+                          href="/catalogue/item/33/items"
+                        >
+                          2
+                        </a>
+                      </p>
+                    </div>
                     <div
                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
                     >
@@ -698,6 +717,25 @@ exports[`Catalogue Items details panel > renders details panel correctly (when t
                   <div
                     class="MuiGrid-root MuiGrid-container MuiGrid-item css-1f064cs-MuiGrid-root"
                   >
+                    <div
+                      class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
+                    >
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1mye6xq-MuiTypography-root"
+                      >
+                        Number of spares
+                      </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1adeo1o-MuiTypography-root"
+                      >
+                        <a
+                          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-11iau0r-MuiTypography-root-MuiLink-root"
+                          href="/catalogue/item/33/items"
+                        >
+                          2
+                        </a>
+                      </p>
+                    </div>
                     <div
                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
                     >
@@ -1262,6 +1300,25 @@ exports[`Catalogue Items details panel > renders details panel correctly (with o
                   <div
                     class="MuiGrid-root MuiGrid-container MuiGrid-item css-1f064cs-MuiGrid-root"
                   >
+                    <div
+                      class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
+                    >
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1mye6xq-MuiTypography-root"
+                      >
+                        Number of spares
+                      </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1adeo1o-MuiTypography-root"
+                      >
+                        <a
+                          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-11iau0r-MuiTypography-root-MuiLink-root"
+                          href="/catalogue/item/11/items"
+                        >
+                          2
+                        </a>
+                      </p>
+                    </div>
                     <div
                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
                     >
@@ -1786,6 +1843,25 @@ exports[`Catalogue Items details panel > renders details panel correctly 1`] = `
                   <div
                     class="MuiGrid-root MuiGrid-container MuiGrid-item css-1f064cs-MuiGrid-root"
                   >
+                    <div
+                      class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
+                    >
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1mye6xq-MuiTypography-root"
+                      >
+                        Number of spares
+                      </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1adeo1o-MuiTypography-root"
+                      >
+                        <a
+                          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-11iau0r-MuiTypography-root-MuiLink-root"
+                          href="/catalogue/item/89/items"
+                        >
+                          1
+                        </a>
+                      </p>
+                    </div>
                     <div
                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
                     >
@@ -2320,6 +2396,25 @@ exports[`Catalogue Items details panel > renders manufacturer panel correctly 1`
                   <div
                     class="MuiGrid-root MuiGrid-container MuiGrid-item css-1f064cs-MuiGrid-root"
                   >
+                    <div
+                      class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
+                    >
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1mye6xq-MuiTypography-root"
+                      >
+                        Number of spares
+                      </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1adeo1o-MuiTypography-root"
+                      >
+                        <a
+                          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-11iau0r-MuiTypography-root-MuiLink-root"
+                          href="/catalogue/item/89/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA"
+                        >
+                          1
+                        </a>
+                      </p>
+                    </div>
                     <div
                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
                     >
@@ -2853,6 +2948,25 @@ exports[`Catalogue Items details panel > renders notes panel correctly 1`] = `
                   <div
                     class="MuiGrid-root MuiGrid-container MuiGrid-item css-1f064cs-MuiGrid-root"
                   >
+                    <div
+                      class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
+                    >
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1mye6xq-MuiTypography-root"
+                      >
+                        Number of spares
+                      </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1adeo1o-MuiTypography-root"
+                      >
+                        <a
+                          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-11iau0r-MuiTypography-root-MuiLink-root"
+                          href="/catalogue/item/89/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA"
+                        >
+                          1
+                        </a>
+                      </p>
+                    </div>
                     <div
                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
                     >
@@ -3386,6 +3500,25 @@ exports[`Catalogue Items details panel > renders properties panel correctly 1`]
                   <div
                     class="MuiGrid-root MuiGrid-container MuiGrid-item css-1f064cs-MuiGrid-root"
                   >
+                    <div
+                      class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
+                    >
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1mye6xq-MuiTypography-root"
+                      >
+                        Number of spares
+                      </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-alignLeft css-1adeo1o-MuiTypography-root"
+                      >
+                        <a
+                          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-11iau0r-MuiTypography-root-MuiLink-root"
+                          href="/catalogue/item/89/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA"
+                        >
+                          1
+                        </a>
+                      </p>
+                    </div>
                     <div
                       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 css-1b3l6lk-MuiGrid-root"
                     >
diff --git a/src/catalogue/items/__snapshots__/catalogueItemsTable.component.test.tsx.snap b/src/catalogue/items/__snapshots__/catalogueItemsTable.component.test.tsx.snap
index 7ab38971e..7bd5bbaff 100644
--- a/src/catalogue/items/__snapshots__/catalogueItemsTable.component.test.tsx.snap
+++ b/src/catalogue/items/__snapshots__/catalogueItemsTable.component.test.tsx.snap
@@ -338,12 +338,12 @@ exports[`Catalogue Items Table > renders the dense table correctly 1`] = `
                             </span>
                           </div>
                           <input
-                            aria-describedby=":r2p1:-helper-text"
+                            aria-describedby=":r2tb:-helper-text"
                             aria-invalid="false"
                             aria-label="Filter by Name"
                             autocomplete="new-password"
                             class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
-                            id=":r2p1:"
+                            id=":r2tb:"
                             placeholder="Filter by Name"
                             title="Filter by Name"
                             type="text"
@@ -381,7 +381,7 @@ exports[`Catalogue Items Table > renders the dense table correctly 1`] = `
                         </div>
                         <p
                           class="MuiFormHelperText-root MuiFormHelperText-sizeMedium css-jchqo4-MuiFormHelperText-root"
-                          id=":r2p1:-helper-text"
+                          id=":r2tb:-helper-text"
                         >
                           <label>
                             Filter Mode: Fuzzy
@@ -533,12 +533,12 @@ exports[`Catalogue Items Table > renders the dense table correctly 1`] = `
                               </span>
                             </div>
                             <input
-                              aria-describedby=":r2p7:-helper-text"
+                              aria-describedby=":r2th:-helper-text"
                               aria-invalid="false"
                               aria-label="Min"
                               autocomplete="new-password"
                               class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
-                              id=":r2p7:"
+                              id=":r2th:"
                               inputmode="text"
                               placeholder="Min"
                               title="Min"
@@ -573,7 +573,7 @@ exports[`Catalogue Items Table > renders the dense table correctly 1`] = `
                           </div>
                           <p
                             class="MuiFormHelperText-root MuiFormHelperText-sizeMedium css-jchqo4-MuiFormHelperText-root"
-                            id=":r2p7:-helper-text"
+                            id=":r2th:-helper-text"
                           >
                             <label>
                               Filter Mode: Between Inclusive
@@ -591,7 +591,7 @@ exports[`Catalogue Items Table > renders the dense table correctly 1`] = `
                               aria-label="Max"
                               autocomplete="new-password"
                               class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
-                              id=":r2pa:"
+                              id=":r2tk:"
                               inputmode="text"
                               placeholder="Max"
                               title="Max"
@@ -1190,7 +1190,7 @@ exports[`Catalogue Items Table > renders the dense table correctly 1`] = `
                   class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  css-1mmm5cp-MuiInputBase-root-MuiInput-root-MuiSelect-root"
                 >
                   <div
-                    aria-controls=":r2pc:"
+                    aria-controls=":r2tm:"
                     aria-expanded="false"
                     aria-haspopup="listbox"
                     aria-label="Rows per page"
diff --git a/src/catalogue/items/catalogueItemsDetailsPanel.component.tsx b/src/catalogue/items/catalogueItemsDetailsPanel.component.tsx
index 519a3d531..9627391d8 100644
--- a/src/catalogue/items/catalogueItemsDetailsPanel.component.tsx
+++ b/src/catalogue/items/catalogueItemsDetailsPanel.component.tsx
@@ -14,6 +14,7 @@ import {
   Manufacturer,
 } from '../../api/api.types';
 import PlaceholderImage from '../../common/images/placeholderImage.component';
+import NumberOfSparesClickable from '../../common/numberOfSparesClickable.component';
 import { formatDateTimeStrings } from '../../utils';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -91,13 +92,28 @@ function CatalogueItemsDetailsPanel(props: CatalogueItemsDetailsPanelProps) {
             </Grid>
             <Grid item container spacing={0}>
               <Grid item xs={12} sm={6} key={0}>
+                <Typography align="left" color="text.primary">
+                  Number of spares
+                </Typography>
+                <Typography align="left" color="text.secondary">
+                  {typeof catalogueItemIdData.number_of_spares === 'number' ? (
+                    <NumberOfSparesClickable
+                      catalogueItem={catalogueItemIdData}
+                      type="link"
+                    />
+                  ) : (
+                    'None'
+                  )}
+                </Typography>
+              </Grid>
+              <Grid item xs={12} sm={6} key={1}>
                 <Typography color="text.primary">Obsolete</Typography>
                 <Typography color="text.secondary">
                   {catalogueItemIdData.is_obsolete ? 'Yes' : 'No'}
                 </Typography>
               </Grid>
 
-              <Grid item xs={12} sm={6} key={1}>
+              <Grid item xs={12} sm={6} key={2}>
                 <Typography color="text.primary">
                   Obsolete replacement link
                 </Typography>
@@ -117,7 +133,7 @@ function CatalogueItemsDetailsPanel(props: CatalogueItemsDetailsPanelProps) {
                 </Typography>
               </Grid>
 
-              <Grid item xs={12} sm={6} key={2}>
+              <Grid item xs={12} sm={6} key={3}>
                 <Typography color="text.primary">Obsolete Reason</Typography>
                 <Typography
                   color="text.secondary"
@@ -127,20 +143,20 @@ function CatalogueItemsDetailsPanel(props: CatalogueItemsDetailsPanelProps) {
                 </Typography>
               </Grid>
 
-              <Grid item xs={12} sm={6} key={3}>
+              <Grid item xs={12} sm={6} key={4}>
                 <Typography color="text.primary">Cost (£)</Typography>
                 <Typography color="text.secondary">
                   {catalogueItemIdData.cost_gbp ?? 'None'}
                 </Typography>
               </Grid>
-              <Grid item xs={12} sm={6} key={4}>
+              <Grid item xs={12} sm={6} key={5}>
                 <Typography color="text.primary">Cost to rework (£)</Typography>
                 <Typography color="text.secondary">
                   {catalogueItemIdData.cost_to_rework_gbp ?? 'None'}
                 </Typography>
               </Grid>
 
-              <Grid item xs={12} sm={6} key={5}>
+              <Grid item xs={12} sm={6} key={6}>
                 <Typography color="text.primary">
                   Time to replace (days)
                 </Typography>
@@ -149,7 +165,7 @@ function CatalogueItemsDetailsPanel(props: CatalogueItemsDetailsPanelProps) {
                 </Typography>
               </Grid>
 
-              <Grid item xs={12} sm={6} key={6}>
+              <Grid item xs={12} sm={6} key={7}>
                 <Typography color="text.primary">
                   Time to rework (days)
                 </Typography>
@@ -167,7 +183,7 @@ function CatalogueItemsDetailsPanel(props: CatalogueItemsDetailsPanelProps) {
                 </Typography>
               </Grid>
 
-              <Grid item xs={12} sm={6} key={7}>
+              <Grid item xs={12} sm={6} key={9}>
                 <Typography color="text.primary">Drawing Number</Typography>
                 <Typography
                   color="text.secondary"
@@ -177,7 +193,7 @@ function CatalogueItemsDetailsPanel(props: CatalogueItemsDetailsPanelProps) {
                 </Typography>
               </Grid>
 
-              <Grid item xs={12} sm={6} key={9}>
+              <Grid item xs={12} sm={6} key={10}>
                 <Typography color="text.primary">Model Number</Typography>
                 <Typography
                   color="text.secondary"
@@ -187,7 +203,7 @@ function CatalogueItemsDetailsPanel(props: CatalogueItemsDetailsPanelProps) {
                 </Typography>
               </Grid>
 
-              <Grid item xs={12} sm={6} key={10}>
+              <Grid item xs={12} sm={6} key={11}>
                 <Typography color="text.primary">Last Modified</Typography>
                 <Typography color="text.secondary">
                   {formatDateTimeStrings(
@@ -197,7 +213,7 @@ function CatalogueItemsDetailsPanel(props: CatalogueItemsDetailsPanelProps) {
                 </Typography>
               </Grid>
 
-              <Grid item xs={12} sm={6} key={11}>
+              <Grid item xs={12} sm={6} key={12}>
                 <Typography color="text.primary">Created</Typography>
                 <Typography color="text.secondary">
                   {formatDateTimeStrings(
diff --git a/src/catalogue/items/catalogueItemsLandingPage.component.test.tsx b/src/catalogue/items/catalogueItemsLandingPage.component.test.tsx
index aea237280..ccec01488 100644
--- a/src/catalogue/items/catalogueItemsLandingPage.component.test.tsx
+++ b/src/catalogue/items/catalogueItemsLandingPage.component.test.tsx
@@ -260,6 +260,22 @@ describe('Catalogue Items Landing Page', () => {
     expect(url).toHaveAttribute('href', '/catalogue/item/89/items');
   });
 
+  it('navigates to items table view (spares definition)', async () => {
+    createView('/catalogue/item/89');
+    await waitFor(() => {
+      expect(screen.getByRole('link', { name: '1' })).toBeInTheDocument();
+    });
+
+    const url = screen.getByRole('link', {
+      name: '1',
+    });
+
+    expect(url).toHaveAttribute(
+      'href',
+      '/catalogue/item/89/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA'
+    );
+  });
+
   it('landing page renders data correctly when optional values are null', async () => {
     createView('/catalogue/item/33');
 
@@ -283,6 +299,7 @@ describe('Catalogue Items Landing Page', () => {
     });
 
     const url = await screen.findByText('Manufacturer A');
+
     expect(url).toHaveAttribute('href', '/manufacturers/1');
   });
 });
diff --git a/src/catalogue/items/catalogueItemsLandingPage.component.tsx b/src/catalogue/items/catalogueItemsLandingPage.component.tsx
index b86f05198..305fff28a 100644
--- a/src/catalogue/items/catalogueItemsLandingPage.component.tsx
+++ b/src/catalogue/items/catalogueItemsLandingPage.component.tsx
@@ -25,6 +25,7 @@ import { useGetCatalogueItem } from '../../api/catalogueItems';
 import { useGetManufacturer } from '../../api/manufacturers';
 import ActionMenu from '../../common/actionMenu.component';
 import PlaceholderImage from '../../common/images/placeholderImage.component';
+import NumberOfSparesClickable from '../../common/numberOfSparesClickable.component';
 import TabView from '../../common/tab/tabView.component';
 import { formatDateTimeStrings } from '../../utils';
 import Breadcrumbs from '../../view/breadcrumbs.component';
@@ -215,6 +216,22 @@ function CatalogueItemsLandingPage() {
 
                       <Grid item container xs={12}>
                         <Grid item container spacing={1}>
+                          <Grid item xs={12} sm={6} md={4}>
+                            <Typography align="left" color="text.primary">
+                              Number of spares
+                            </Typography>
+                            <Typography align="left" color="text.secondary">
+                              {typeof catalogueItemIdData.number_of_spares ===
+                              'number' ? (
+                                <NumberOfSparesClickable
+                                  catalogueItem={catalogueItemIdData}
+                                  type="link"
+                                />
+                              ) : (
+                                'None'
+                              )}
+                            </Typography>
+                          </Grid>
                           <Grid item xs={12} sm={6} md={4}>
                             <Typography align="left" color="text.primary">
                               Obsolete
diff --git a/src/catalogue/items/catalogueItemsTable.component.test.tsx b/src/catalogue/items/catalogueItemsTable.component.test.tsx
index cf7627078..1f7126425 100644
--- a/src/catalogue/items/catalogueItemsTable.component.test.tsx
+++ b/src/catalogue/items/catalogueItemsTable.component.test.tsx
@@ -493,6 +493,22 @@ describe('Catalogue Items Table', () => {
     expect(url[0]).toHaveAttribute('href', '/manufacturers/1');
   });
 
+  it('navigates to items table view (spares definition)', async () => {
+    createView();
+    await waitFor(() => {
+      expect(screen.getByText('Energy Meters 26')).toBeInTheDocument();
+    });
+
+    await ensureColumnsVisible(['Number of spares']);
+
+    const url = screen.getAllByText('1')[0];
+
+    expect(url).toHaveAttribute(
+      'href',
+      '/catalogue/item/89/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA'
+    );
+  });
+
   it('renders the dense table correctly', async () => {
     props.dense = true;
     window.Element.prototype.getBoundingClientRect = vi
@@ -566,10 +582,10 @@ describe('Catalogue Items Table', () => {
     );
 
     // Do max first, as it technically has no effect on the outcome of the filter
-    const maxInput = screen.getByLabelText('Max');
+    const maxInput = screen.getAllByLabelText('Max')[1];
     await user.type(maxInput, '1000');
 
-    const minInput = screen.getByLabelText('Min');
+    const minInput = screen.getAllByLabelText('Min')[1];
     await user.type(minInput, '800');
 
     await waitFor(() => {
@@ -687,7 +703,7 @@ describe('Catalogue Items Table', () => {
       expect(screen.getByText('Grouped by')).toBeInTheDocument();
     });
     expect(router.state.location.search).toBe(
-      '?state=N4Ig5iBcDaIMYEMAuCA2B7MBXApgSSRwFsA6AOwSJxAF0AaeAeSliICckBaN9Ad05wAPAA4IyAExAN2XHvwRwkAS3RkAzlJAzufTmpyocizYhQZs%2BQqQpUTyNJlwFiJIunFKAZkpziA%2Bsq2DKYOFs6kcGw4yL4BSkEgAGo%2BvAAE4RrB9uZOViTiOGqRSsLKqnZmjpYuSmp%2B6ABGauiGhBWhuS6Nza04flHCqArEOGRIfiE5fUpWfkqSWZVhed0tOIT90c1k7VPhJMI8wjgcPmokAOy7VfuH6MenhSQAHNfLLnDoauNgDcJvnQiX3GSHQm146DYAGs-L9-osOtVSOIEABPOqgzaDYYApH5NEYsFRCHQ3H7ITHRSxVBedbxPoo9FkvLiNgIXhKMhgPxkLBEBonZkuVnszncmlkKFC0gzYh%2BNwFVA8vkCtiaIhiLCeBRILBRNjkSjUaSa7WKPUnEh61Dq006i0GhDiVmFTJaO3m-UkQiGYQAC1Uxvg2RueTI6EIbu0cj0ojggpoAF8gA'
+      '?state=N4Ig5iBcDaIMYEMAuCA2B7MBXApgSSRwFsA6AOwSJxAF0AaeAeSliICckBaN9Ad05wAPAA4IyAExAN2XHvwRwkAS3RkAzlJAzufTmpyocizYhQZs%2BQqQpUTyNJlwFiJIunFKAZkpziA%2Bsq2DKYOFs6kcGw4yL4BSkEgAGo%2BvAAE4RrB9uZOVuRYRABGOGx%2B6J5%2BaqJRmfDZjpYu4jhqkUrCyqp2Zg3hJEpqZYVq6IaE3aG5LujDoziEflHCqArEOGRIfiE5OH5KVnuSWT1heTMjY7tRCCNkEzt9wjzCJcotJADs9715T%2BgvHB8ahIAA5vqcXHB0GpNmBCsJwVMItDNkh0IscLx0GwANZ%2BOEI46TRqkcQIACegzRGOWq0RJJIZMpAXRUSxuPpfSEL0UsVQXnm8V2TNq2x%2BTTYCF4SjIYD8ZAKxTYnLy4kl0tlfn5ZBxKpc%2B2IfjczVQ8sVJU0RDEWE8CiQWCibHIlGo0mttsUDpKJAdqEt7rtXqdCHEapatStCo99sdJEIhmEAAtVK66ickeR0IQIxwdPwqqtlTQAL5AA'
     );
 
     // Reset
@@ -698,7 +714,7 @@ describe('Catalogue Items Table', () => {
     });
     // Expect this to still be here as have now modified the order in some way (as MRT doesn't revert back to its original state in this case)
     expect(router.state.location.search).toBe(
-      '?state=N4Igxg8iBcDaIFsBOAXAtEg9gdzQUwA8AHAQwDsATEAGkVQx32PKtuXS1xLBQEtMyAZxp0OjQXgA2eHiLAkUJSZgDmAVzwBJFHgQA6MiQR45Cpao3bdehJgq8AZrzwUA%2Bn2OnFy9Vp36wJDwFF3deT1oANWdsAAIrBGFaeW8LP2sKPEFA3iI%2BAS9zXwS9XkFXTAAjQUxpHUKfS389Kpq6vFcgokluXTwyFFcUoo1XXn8x1nAzRvT9Vtq8HU7gmrIGtJKiLCI8VGdBPQB2DeLm7cxd-ay9AA5TpuswTEFBlUqiB7m9Z9f3TBW2EwSAA1q53p9kjNNs0KCQAJ7lFAAro9MAmKGpM4ZBFIlF4IGgr4lQi7HihSSOJbhDpwxHE2FIEjYXhkFSuMhqBCVPYMjJMlls1yUsggvn6ca6Vy2TKSDlcnlIEQIchqBzcFBqIJIAxGDGIVXqnhavZ6LWSZWGjUmnUkCgUIKCJIGzlGzXavQ6aREAAWAn1w1mJTImB0zvYDFwglI6KVAF0AL5AA'
+      '?state=N4Igxg8iBcDaIFsBOAXAtEg9gdzQUwA8AHAQwDsATEAGkVQx32PKtuXS1xLBQEtMyAZxp0OjQXgA2eHiLAkUJSZgDmAVzwBJFHgQA6MiQR45Cpao3bdehJgq8AZrzwUA%2Bn2OnFy9Vp36wJDwFF3deT1oANWdsAAIrBGFaeW8LP2syNQQAIzwkV0wHV0FSIKTwMx9Lfz0KPEFA3iI%2BAS9zXwS9XkEC7MFMaR02qvT9TD6BvB1XIKJJbl08MhRXFPaNV15-TdYK1I6a8f7BvBng-rJhtM6iLCI8vnq9AHYrg%2BtbzHvUZ0E9AA43tVrGBMIIVipskQgaM9KDwe5MGdsJgkABrVyQ6HJSrXGoUEgATx6KCRs3mYBMOP2wP0BOJiORqLRMM6hHuPFCkkcU3Cp3p5TWI06FCQJGwvDIKlcmRyeVZ%2BLFEqlrm5ZBZ1PWsK2ulctjqkhlWVySBECHIagc3BQaiCSAMRipiAtVp4tryeltkjNLut7vtJAoovq5XNmVdNrteh00iIAAsBE6hXiMpgdKH6Jw0CUFqaALoAXyAA'
     );
   });
 
@@ -747,7 +763,7 @@ describe('Catalogue Items Table', () => {
     // Get the table element (assuming it has a specific class or role)
     const table = screen.getByTestId('catalogue-items-table-container');
 
-    fireEvent.scroll(table, { target: { scrollLeft: 1500 } });
+    fireEvent.scroll(table, { target: { scrollLeft: 1700 } });
 
     // Check if the accuracy cell is visible after scrolling
     expect(await screen.findByText(accuracy)).toBeInTheDocument();
@@ -763,7 +779,7 @@ describe('Catalogue Items Table', () => {
       screen.queryByRole('tooltip', { name: 'Accuracy' })
     ).not.toBeInTheDocument();
 
-    fireEvent.scroll(table, { target: { scrollLeft: -1500 } });
+    fireEvent.scroll(table, { target: { scrollLeft: -1700 } });
 
     expect(
       await screen.findByRole('tooltip', { name: 'Accuracy' })
@@ -791,7 +807,7 @@ describe('Catalogue Items Table', () => {
     // Get the table element (assuming it has a specific class or role)
     const table = screen.getByTestId('catalogue-items-table-container');
 
-    fireEvent.scroll(table, { target: { scrollLeft: 2780 } });
+    fireEvent.scroll(table, { target: { scrollLeft: 2980 } });
 
     // Check if the drawing link cell is visible after scrolling
     expect(await screen.findByText(drawingLink)).toBeInTheDocument();
@@ -807,7 +823,7 @@ describe('Catalogue Items Table', () => {
       screen.queryByRole('tooltip', { name: 'Drawing Link' })
     ).not.toBeInTheDocument();
 
-    fireEvent.scroll(table, { target: { scrollLeft: -2780 } });
+    fireEvent.scroll(table, { target: { scrollLeft: -2980 } });
 
     expect(
       await screen.findByRole('tooltip', { name: 'Drawing Link' })
@@ -835,7 +851,7 @@ describe('Catalogue Items Table', () => {
     // Get the table element (assuming it has a specific class or role)
     const table = screen.getByTestId('catalogue-items-table-container');
 
-    fireEvent.scroll(table, { target: { scrollLeft: 3300 } });
+    fireEvent.scroll(table, { target: { scrollLeft: 3500 } });
 
     // Check if the manufacturer url cell is visible after scrolling
     expect(await screen.findByText(manufacturerUrl)).toBeInTheDocument();
diff --git a/src/catalogue/items/catalogueItemsTable.component.tsx b/src/catalogue/items/catalogueItemsTable.component.tsx
index 3a27367f3..35cca776d 100644
--- a/src/catalogue/items/catalogueItemsTable.component.tsx
+++ b/src/catalogue/items/catalogueItemsTable.component.tsx
@@ -35,6 +35,7 @@ import {
 } from '../../api/api.types';
 import { useGetCatalogueItems } from '../../api/catalogueItems';
 import { useGetManufacturerIds } from '../../api/manufacturers';
+import NumberOfSparesClickable from '../../common/numberOfSparesClickable.component';
 import { usePreservedTableState } from '../../common/preservedTableState.component';
 import {
   COLUMN_FILTER_FUNCTIONS,
@@ -292,6 +293,26 @@ const CatalogueItemsTable = (props: CatalogueItemsTableProps) => {
           </MuiLink>
         ),
       },
+      {
+        header: 'Number of spares',
+        Header: TableHeaderOverflowTip,
+        size: 350,
+        accessorFn: (row) => row.catalogueItem.number_of_spares ?? '',
+        id: 'catalogueItem.number_of_spares',
+        filterVariant: COLUMN_FILTER_VARIANTS.number,
+        filterFn: COLUMN_FILTER_FUNCTIONS.number,
+        columnFilterModeOptions: [
+          ...COLUMN_FILTER_MODE_OPTIONS.number,
+          ...OPTIONAL_FILTER_MODE_OPTIONS,
+        ],
+        Cell: ({ row }) => (
+          <NumberOfSparesClickable
+            catalogueItem={row.original.catalogueItem}
+            type="link"
+          />
+        ),
+        GroupedCell: TableGroupedCell,
+      },
       {
         header: 'Description',
         Header: TableHeaderOverflowTip,
diff --git a/src/common/__snapshots__/numberOfSparesClickable.component.test.tsx.snap b/src/common/__snapshots__/numberOfSparesClickable.component.test.tsx.snap
new file mode 100644
index 000000000..9539f3f8c
--- /dev/null
+++ b/src/common/__snapshots__/numberOfSparesClickable.component.test.tsx.snap
@@ -0,0 +1,120 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`NumberOfSparesClickable Snapshot Tests > button > renders correctly as a button with label 1`] = `
+<DocumentFragment>
+  <a
+    class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-1owl11-MuiButtonBase-root-MuiButton-root"
+    href="/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA"
+    tabindex="0"
+  >
+    <span
+      class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1d6wzja-MuiButton-startIcon"
+    >
+      <svg
+        aria-hidden="true"
+        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+        data-testid="Inventory2OutlinedIcon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20 2H4c-1 0-2 .9-2 2v3.01c0 .72.43 1.34 1 1.69V20c0 1.1 1.1 2 2 2h14c.9 0 2-.9 2-2V8.7c.57-.35 1-.97 1-1.69V4c0-1.1-1-2-2-2m-1 18H5V9h14zm1-13H4V4h16z"
+        />
+        <path
+          d="M9 12h6v2H9z"
+        />
+      </svg>
+    </span>
+    View Spares
+    <span
+      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+    />
+  </a>
+</DocumentFragment>
+`;
+
+exports[`NumberOfSparesClickable Snapshot Tests > button > renders correctly as a button without label (disabled) 1`] = `
+<DocumentFragment>
+  <a
+    aria-disabled="true"
+    class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-1owl11-MuiButtonBase-root-MuiButton-root"
+    href="/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA"
+    tabindex="-1"
+  >
+    <span
+      class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1d6wzja-MuiButton-startIcon"
+    >
+      <svg
+        aria-hidden="true"
+        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+        data-testid="Inventory2OutlinedIcon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20 2H4c-1 0-2 .9-2 2v3.01c0 .72.43 1.34 1 1.69V20c0 1.1 1.1 2 2 2h14c.9 0 2-.9 2-2V8.7c.57-.35 1-.97 1-1.69V4c0-1.1-1-2-2-2m-1 18H5V9h14zm1-13H4V4h16z"
+        />
+        <path
+          d="M9 12h6v2H9z"
+        />
+      </svg>
+    </span>
+    2
+  </a>
+</DocumentFragment>
+`;
+
+exports[`NumberOfSparesClickable Snapshot Tests > button > renders correctly as a button without label 1`] = `
+<DocumentFragment>
+  <a
+    class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-1owl11-MuiButtonBase-root-MuiButton-root"
+    href="/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA"
+    tabindex="0"
+  >
+    <span
+      class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1d6wzja-MuiButton-startIcon"
+    >
+      <svg
+        aria-hidden="true"
+        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+        data-testid="Inventory2OutlinedIcon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20 2H4c-1 0-2 .9-2 2v3.01c0 .72.43 1.34 1 1.69V20c0 1.1 1.1 2 2 2h14c.9 0 2-.9 2-2V8.7c.57-.35 1-.97 1-1.69V4c0-1.1-1-2-2-2m-1 18H5V9h14zm1-13H4V4h16z"
+        />
+        <path
+          d="M9 12h6v2H9z"
+        />
+      </svg>
+    </span>
+    2
+    <span
+      class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+    />
+  </a>
+</DocumentFragment>
+`;
+
+exports[`NumberOfSparesClickable Snapshot Tests > link > renders correctly as a link with label 1`] = `
+<DocumentFragment>
+  <a
+    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-11iau0r-MuiTypography-root-MuiLink-root"
+    href="/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA"
+  >
+    View Spares
+  </a>
+</DocumentFragment>
+`;
+
+exports[`NumberOfSparesClickable Snapshot Tests > link > renders correctly as a link without label 1`] = `
+<DocumentFragment>
+  <a
+    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-11iau0r-MuiTypography-root-MuiLink-root"
+    href="/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA"
+  >
+    2
+  </a>
+</DocumentFragment>
+`;
diff --git a/src/common/numberOfSparesClickable.component.test.tsx b/src/common/numberOfSparesClickable.component.test.tsx
new file mode 100644
index 000000000..63fab2dfa
--- /dev/null
+++ b/src/common/numberOfSparesClickable.component.test.tsx
@@ -0,0 +1,130 @@
+import { screen, waitFor } from '@testing-library/react';
+import CatalogueItemsJSON from '../mocks/CatalogueItems.json';
+import { renderComponentWithRouterProvider } from '../testUtils';
+import NumberOfSparesClickable, {
+  NumberOfSparesClickableProps,
+} from './numberOfSparesClickable.component';
+
+describe('NumberOfSparesClickable Snapshot Tests', () => {
+  let props: NumberOfSparesClickableProps;
+
+  const createView = (path: string) => {
+    return renderComponentWithRouterProvider(
+      <NumberOfSparesClickable {...props} />,
+      'items',
+      path
+    );
+  };
+
+  beforeEach(() => {
+    props = {
+      catalogueItem: CatalogueItemsJSON[1],
+      type: 'link',
+      label: 'View Spares',
+    };
+  });
+
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  describe('link', () => {
+    it('renders correctly as a link with label', async () => {
+      const view = createView(
+        `/catalogue/item/${props.catalogueItem.id}/items`
+      );
+
+      const link = screen.getByRole('link', { name: 'View Spares' });
+      expect(link).toBeInTheDocument();
+
+      await waitFor(() => {
+        expect(link).toHaveAttribute(
+          'href',
+          `/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA`
+        );
+      });
+
+      expect(view.asFragment()).toMatchSnapshot();
+    });
+
+    it('renders correctly as a link without label', async () => {
+      props.label = undefined;
+      const view = createView(
+        `/catalogue/item/${props.catalogueItem.id}/items`
+      );
+
+      const link = screen.getByRole('link', { name: '2' });
+      expect(link).toBeInTheDocument();
+
+      await waitFor(() => {
+        expect(link).toHaveAttribute(
+          'href',
+          `/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA`
+        );
+      });
+
+      expect(view.asFragment()).toMatchSnapshot();
+    });
+  });
+
+  describe('button', () => {
+    beforeEach(() => {
+      props.type = 'button';
+    });
+    it('renders correctly as a button with label', async () => {
+      const view = createView(
+        `/catalogue/item/${props.catalogueItem.id}/items`
+      );
+
+      const link = screen.getByRole('link', { name: 'View Spares' });
+      expect(link).toBeInTheDocument();
+
+      await waitFor(() => {
+        expect(link).toHaveAttribute(
+          'href',
+          `/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA`
+        );
+      });
+
+      expect(view.asFragment()).toMatchSnapshot();
+    });
+
+    it('renders correctly as a button without label', async () => {
+      props.label = undefined;
+      const view = createView(
+        `/catalogue/item/${props.catalogueItem.id}/items`
+      );
+
+      const link = screen.getByRole('link', { name: '2' });
+      expect(link).toBeInTheDocument();
+
+      await waitFor(() => {
+        expect(link).toHaveAttribute(
+          'href',
+          `/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA`
+        );
+      });
+
+      expect(view.asFragment()).toMatchSnapshot();
+    });
+
+    it('renders correctly as a button without label (disabled)', async () => {
+      props.label = undefined;
+      const view = createView(
+        `/catalogue/item/${props.catalogueItem.id}/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA`
+      );
+
+      const link = screen.getByRole('link', { name: '2' });
+      expect(link).toBeInTheDocument();
+
+      await waitFor(() => {
+        expect(link).toHaveAttribute(
+          'href',
+          `/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA`
+        );
+      });
+
+      expect(view.asFragment()).toMatchSnapshot();
+    });
+  });
+});
diff --git a/src/common/numberOfSparesClickable.component.tsx b/src/common/numberOfSparesClickable.component.tsx
new file mode 100644
index 000000000..06b0e2f97
--- /dev/null
+++ b/src/common/numberOfSparesClickable.component.tsx
@@ -0,0 +1,98 @@
+import Inventory2OutlinedIcon from '@mui/icons-material/Inventory2Outlined';
+import { Button, Link as MuiLink } from '@mui/material';
+import LZString from 'lz-string';
+import { MRT_ColumnFiltersState } from 'material-react-table';
+import React from 'react';
+import { Link, useLocation, useSearchParams } from 'react-router-dom';
+import { CatalogueItem } from '../api/api.types';
+import { useGetSparesDefinition } from '../api/settings';
+import { areListsEqual } from '../utils';
+import { State } from './preservedTableState.component';
+
+export interface NumberOfSparesClickableProps {
+  catalogueItem: CatalogueItem;
+  type: 'link' | 'button';
+  label?: string;
+}
+
+const extractValues = (filters: MRT_ColumnFiltersState) =>
+  filters.flatMap((status) =>
+    Array.isArray(status.value) ? status.value.map((val) => val.value) : []
+  );
+
+const NumberOfSparesClickable = (props: NumberOfSparesClickableProps) => {
+  const { catalogueItem, type, label } = props;
+
+  const { data: sparesDefinition } = useGetSparesDefinition();
+  const [searchParams, _] = useSearchParams();
+  const location = useLocation();
+
+  const sparesFilter = sparesDefinition?.usage_statuses.map((status) => ({
+    type: 'string',
+    value: status.value,
+  }));
+
+  const sparesColumnsFilters: { cF: MRT_ColumnFiltersState } = React.useMemo(
+    () => ({
+      cF: [{ id: 'item.usage_status', value: sparesFilter ?? [] }],
+    }),
+    [sparesFilter]
+  );
+  const stringSparesColumnsFilters = JSON.stringify(sparesColumnsFilters);
+
+  const sparesFilterState = sparesFilter
+    ? `?state=${LZString.compressToEncodedURIComponent(stringSparesColumnsFilters)}`
+    : '';
+
+  const sparesLink = `/catalogue/item/${catalogueItem.id}/items${sparesFilterState}`;
+
+  const [isCurrentState, setIsCurrentState] = React.useState<boolean>(false);
+
+  const currentSearchParams = searchParams.get('state');
+
+  React.useEffect(() => {
+    if (currentSearchParams) {
+      const decodedCurrentState: State = JSON.parse(
+        LZString.decompressFromEncodedURIComponent(currentSearchParams)
+      );
+
+      const isUrlMatching =
+        location.pathname === `/catalogue/item/${catalogueItem.id}/items`;
+
+      const isOnlyCF =
+        JSON.stringify(Object.keys(decodedCurrentState)) ===
+        JSON.stringify(Object.keys(sparesColumnsFilters));
+
+      setIsCurrentState(
+        isUrlMatching &&
+          isOnlyCF &&
+          areListsEqual(
+            extractValues(decodedCurrentState.cF),
+            extractValues(sparesColumnsFilters.cF)
+          )
+      );
+    } else {
+      setIsCurrentState(false);
+    }
+  }, [catalogueItem.id, currentSearchParams, location, sparesColumnsFilters]);
+
+  const displayValue = label?.trim() || catalogueItem.number_of_spares;
+  return type === 'link' ? (
+    <MuiLink underline="hover" component={Link} to={sparesLink}>
+      {displayValue}
+    </MuiLink>
+  ) : (
+    <Button
+      variant="outlined"
+      startIcon={<Inventory2OutlinedIcon />}
+      sx={{ mx: 0.5 }}
+      disabled={isCurrentState || sparesDefinition === undefined}
+      component={Link}
+      to={sparesLink}
+    >
+      {displayValue}
+    </Button>
+  );
+};
+
+export default NumberOfSparesClickable;
diff --git a/src/common/preservedTableState.component.tsx b/src/common/preservedTableState.component.tsx
index 4e6a59ec8..55fc2a9a5 100644
--- a/src/common/preservedTableState.component.tsx
+++ b/src/common/preservedTableState.component.tsx
@@ -15,7 +15,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useLocation, useSearchParams } from 'react-router-dom';
 
 // State as will be stored after parsing from search params
-interface State {
+export interface State {
   cF: MRT_ColumnFiltersState;
   cFn: MRT_ColumnFilterFnsState;
   srt: MRT_SortingState;
diff --git a/src/items/__snapshots__/itemsTable.component.test.tsx.snap b/src/items/__snapshots__/itemsTable.component.test.tsx.snap
index 0bb4b30f1..9a3da32d5 100644
--- a/src/items/__snapshots__/itemsTable.component.test.tsx.snap
+++ b/src/items/__snapshots__/itemsTable.component.test.tsx.snap
@@ -75,6 +75,34 @@ exports[`Items Table > renders correctly part 1 due column virtualisation 1`] =
               </span>
               Clear Filters
             </button>
+            <a
+              class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-1owl11-MuiButtonBase-root-MuiButton-root"
+              href="/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA"
+              tabindex="0"
+            >
+              <span
+                class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1d6wzja-MuiButton-startIcon"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                  data-testid="Inventory2OutlinedIcon"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M20 2H4c-1 0-2 .9-2 2v3.01c0 .72.43 1.34 1 1.69V20c0 1.1 1.1 2 2 2h14c.9 0 2-.9 2-2V8.7c.57-.35 1-.97 1-1.69V4c0-1.1-1-2-2-2m-1 18H5V9h14zm1-13H4V4h16z"
+                  />
+                  <path
+                    d="M9 12h6v2H9z"
+                  />
+                </svg>
+              </span>
+              Apply spares filter
+              <span
+                class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+              />
+            </a>
           </div>
           <div
             class="MuiBox-root css-1p0wbhh"
@@ -1836,6 +1864,34 @@ exports[`Items Table > renders correctly part 2 due column virtualisation 1`] =
               </span>
               Clear Filters
             </button>
+            <a
+              class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary css-1owl11-MuiButtonBase-root-MuiButton-root"
+              href="/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA"
+              tabindex="0"
+            >
+              <span
+                class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1d6wzja-MuiButton-startIcon"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                  data-testid="Inventory2OutlinedIcon"
+                  focusable="false"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M20 2H4c-1 0-2 .9-2 2v3.01c0 .72.43 1.34 1 1.69V20c0 1.1 1.1 2 2 2h14c.9 0 2-.9 2-2V8.7c.57-.35 1-.97 1-1.69V4c0-1.1-1-2-2-2m-1 18H5V9h14zm1-13H4V4h16z"
+                  />
+                  <path
+                    d="M9 12h6v2H9z"
+                  />
+                </svg>
+              </span>
+              Apply spares filter
+              <span
+                class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+              />
+            </a>
           </div>
           <div
             class="MuiBox-root css-1p0wbhh"
@@ -3647,12 +3703,12 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                             </span>
                           </div>
                           <input
-                            aria-describedby=":r1km:-helper-text"
+                            aria-describedby=":r1ls:-helper-text"
                             aria-invalid="false"
                             aria-label="Filter by Serial Number"
                             autocomplete="new-password"
                             class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
-                            id=":r1km:"
+                            id=":r1ls:"
                             placeholder="Filter by Serial Number"
                             title="Filter by Serial Number"
                             type="text"
@@ -3690,7 +3746,7 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                         </div>
                         <p
                           class="MuiFormHelperText-root MuiFormHelperText-sizeMedium css-jchqo4-MuiFormHelperText-root"
-                          id=":r1km:-helper-text"
+                          id=":r1ls:-helper-text"
                         >
                           <label>
                             Filter Mode: Fuzzy
@@ -3842,12 +3898,12 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                               </span>
                             </div>
                             <input
-                              aria-describedby=":r1ks:-helper-text"
+                              aria-describedby=":r1m2:-helper-text"
                               aria-invalid="false"
                               aria-label="Min"
                               autocomplete="new-password"
                               class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
-                              id=":r1ks:"
+                              id=":r1m2:"
                               inputmode="text"
                               placeholder="Min"
                               title="Min"
@@ -3882,7 +3938,7 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                           </div>
                           <p
                             class="MuiFormHelperText-root MuiFormHelperText-sizeMedium css-jchqo4-MuiFormHelperText-root"
-                            id=":r1ks:-helper-text"
+                            id=":r1m2:-helper-text"
                           >
                             <label>
                               Filter Mode: Between Inclusive
@@ -3900,7 +3956,7 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                               aria-label="Max"
                               autocomplete="new-password"
                               class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
-                              id=":r1kv:"
+                              id=":r1m5:"
                               inputmode="text"
                               placeholder="Max"
                               title="Max"
@@ -4080,12 +4136,12 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                               </span>
                             </div>
                             <input
-                              aria-describedby=":r1l4:-helper-text"
+                              aria-describedby=":r1ma:-helper-text"
                               aria-invalid="false"
                               aria-label="Min"
                               autocomplete="new-password"
                               class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
-                              id=":r1l4:"
+                              id=":r1ma:"
                               inputmode="text"
                               placeholder="Min"
                               title="Min"
@@ -4120,7 +4176,7 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                           </div>
                           <p
                             class="MuiFormHelperText-root MuiFormHelperText-sizeMedium css-jchqo4-MuiFormHelperText-root"
-                            id=":r1l4:-helper-text"
+                            id=":r1ma:-helper-text"
                           >
                             <label>
                               Filter Mode: Between Inclusive
@@ -4138,7 +4194,7 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                               aria-label="Max"
                               autocomplete="new-password"
                               class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
-                              id=":r1l7:"
+                              id=":r1md:"
                               inputmode="text"
                               placeholder="Max"
                               title="Max"
@@ -4318,12 +4374,12 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                               </span>
                             </div>
                             <input
-                              aria-describedby=":r1lc:-helper-text"
+                              aria-describedby=":r1mi:-helper-text"
                               aria-invalid="false"
                               aria-label="Min"
                               autocomplete="new-password"
                               class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
-                              id=":r1lc:"
+                              id=":r1mi:"
                               inputmode="text"
                               placeholder="Min"
                               title="Min"
@@ -4358,7 +4414,7 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                           </div>
                           <p
                             class="MuiFormHelperText-root MuiFormHelperText-sizeMedium css-jchqo4-MuiFormHelperText-root"
-                            id=":r1lc:-helper-text"
+                            id=":r1mi:-helper-text"
                           >
                             <label>
                               Filter Mode: Between Inclusive
@@ -4376,7 +4432,7 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                               aria-label="Max"
                               autocomplete="new-password"
                               class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
-                              id=":r1lf:"
+                              id=":r1ml:"
                               inputmode="text"
                               placeholder="Max"
                               title="Max"
@@ -4556,12 +4612,12 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                               </span>
                             </div>
                             <input
-                              aria-describedby=":r1lk:-helper-text"
+                              aria-describedby=":r1mq:-helper-text"
                               aria-invalid="false"
                               aria-label="Min"
                               autocomplete="new-password"
                               class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
-                              id=":r1lk:"
+                              id=":r1mq:"
                               inputmode="text"
                               placeholder="Min"
                               title="Min"
@@ -4596,7 +4652,7 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                           </div>
                           <p
                             class="MuiFormHelperText-root MuiFormHelperText-sizeMedium css-jchqo4-MuiFormHelperText-root"
-                            id=":r1lk:-helper-text"
+                            id=":r1mq:-helper-text"
                           >
                             <label>
                               Filter Mode: Between Inclusive
@@ -4614,7 +4670,7 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                               aria-label="Max"
                               autocomplete="new-password"
                               class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd css-929hxt-MuiInputBase-input-MuiInput-input"
-                              id=":r1ln:"
+                              id=":r1mt:"
                               inputmode="text"
                               placeholder="Max"
                               title="Max"
@@ -4755,13 +4811,13 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                           class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedEnd css-953pxc-MuiInputBase-root-MuiInput-root"
                         >
                           <div
-                            aria-controls=":r1lt:"
+                            aria-controls=":r1n3:"
                             aria-expanded="false"
                             aria-haspopup="listbox"
                             aria-label="Filter by Is Defective"
-                            aria-labelledby=":r1ls:"
+                            aria-labelledby=":r1n2:"
                             class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd css-2jdjhv-MuiSelect-select-MuiInputBase-input-MuiInput-input"
-                            id=":r1ls:"
+                            id=":r1n2:"
                             role="combobox"
                             tabindex="0"
                           >
@@ -5402,7 +5458,7 @@ exports[`Items Table > renders the dense table correctly 1`] = `
                   class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  css-1mmm5cp-MuiInputBase-root-MuiInput-root-MuiSelect-root"
                 >
                   <div
-                    aria-controls=":r1lv:"
+                    aria-controls=":r1n5:"
                     aria-expanded="false"
                     aria-haspopup="listbox"
                     aria-label="Rows per page"
diff --git a/src/items/itemsTable.component.test.tsx b/src/items/itemsTable.component.test.tsx
index b0745f42f..9f7c2efd0 100644
--- a/src/items/itemsTable.component.test.tsx
+++ b/src/items/itemsTable.component.test.tsx
@@ -213,6 +213,22 @@ describe('Items Table', () => {
     expect(serialNum).toHaveAttribute('href', '/KvT2Ox7n');
   });
 
+  it('navigates to items table view (spares definition)', async () => {
+    createView();
+    await waitFor(() => {
+      expect(screen.getByText('Apply spares filter')).toBeInTheDocument();
+    });
+
+    const button = screen.getByText('Apply spares filter');
+
+    await waitFor(() => {
+      expect(button).toHaveAttribute(
+        'href',
+        `/catalogue/item/1/items?state=N4IgxgYiBcDaoEsAmMQIC4FMC2A6ArgM4CGA5pgPqHrHpEgA0IAbsQDb6YzwjoCeABy7QQ1AE4IAdqUYt2nVADlMAdxABfBqH5DU4qTKasOwkAFVCmFOoC6t9UA`
+      );
+    });
+  });
+
   it('opens the delete catalogue item dialog and can delete an item', async () => {
     createView();
 
diff --git a/src/items/itemsTable.component.tsx b/src/items/itemsTable.component.tsx
index c7238319a..0754588ba 100644
--- a/src/items/itemsTable.component.tsx
+++ b/src/items/itemsTable.component.tsx
@@ -28,7 +28,9 @@ import {
 } from '../api/api.types';
 import { useGetItems } from '../api/items';
 import { useGetSystemIds } from '../api/systems';
+import { useGetUsageStatuses } from '../api/usageStatuses';
 import { findPropertyValue } from '../catalogue/items/catalogueItemsTable.component';
+import NumberOfSparesClickable from '../common/numberOfSparesClickable.component';
 import { usePreservedTableState } from '../common/preservedTableState.component';
 import {
   COLUMN_FILTER_FUNCTIONS,
@@ -92,6 +94,8 @@ export function ItemsTable(props: ItemTableProps) {
     return query.data;
   });
 
+  const { data: usageStatuses } = useGetUsageStatuses();
+
   //Once loading finished - use same logic as catalogueItemsTable to pair up data
   React.useEffect(() => {
     if (!isLoading && itemsData) {
@@ -116,6 +120,8 @@ export function ItemsTable(props: ItemTableProps) {
   const tableHeight = getPageHeightCalc('50px + 110px + 48px');
   const columns = React.useMemo<MRT_ColumnDef<TableRowData>[]>(() => {
     const viewCatalogueItemProperties = catalogueCategory?.properties ?? [];
+    const usageStatusesNames =
+      usageStatuses?.map((status) => status.value) || [];
     return [
       {
         header: 'Serial Number',
@@ -264,6 +270,7 @@ export function ItemsTable(props: ItemTableProps) {
           </MenuItem>,
         ],
         size: 350,
+        filterSelectOptions: usageStatusesNames,
       },
       {
         header: 'System',
@@ -367,7 +374,7 @@ export function ItemsTable(props: ItemTableProps) {
         filterSelectOptions: ['Yes', 'No'],
       })),
     ];
-  }, [catalogueCategory]);
+  }, [catalogueCategory, usageStatuses]);
 
   const initialColumnFilterFnState = React.useMemo(() => {
     return getInitialColumnFilterFnState(columns);
@@ -547,6 +554,11 @@ export function ItemsTable(props: ItemTableProps) {
         >
           Clear Filters
         </Button>
+        <NumberOfSparesClickable
+          catalogueItem={catalogueItem}
+          type="button"
+          label="Apply spares filter"
+        />
       </Box>
     ),
     renderRowActionMenuItems: ({ closeMenu, row, table }) => {
diff --git a/src/mocks/CatalogueItems.json b/src/mocks/CatalogueItems.json
index dc53de634..196bb6b44 100644
--- a/src/mocks/CatalogueItems.json
+++ b/src/mocks/CatalogueItems.json
@@ -34,7 +34,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 0
   },
   {
     "catalogue_category_id": "4",
@@ -99,7 +100,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "4",
@@ -164,7 +166,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "4",
@@ -229,7 +232,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "4",
@@ -294,7 +298,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "4",
@@ -359,7 +364,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 4
   },
   {
     "catalogue_category_id": "4",
@@ -424,7 +430,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 1
   },
   {
     "catalogue_category_id": "4",
@@ -489,7 +496,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "4",
@@ -554,7 +562,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 1
   },
   {
     "catalogue_category_id": "4",
@@ -619,7 +628,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "4",
@@ -684,7 +694,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "4",
@@ -749,7 +760,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "4",
@@ -814,7 +826,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 1
   },
   {
     "catalogue_category_id": "4",
@@ -879,7 +892,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 3
   },
   {
     "catalogue_category_id": "4",
@@ -944,7 +958,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "4",
@@ -1009,7 +1024,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 3
   },
   {
     "catalogue_category_id": "4",
@@ -1074,7 +1090,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "4",
@@ -1139,7 +1156,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 1
   },
   {
     "catalogue_category_id": "4",
@@ -1204,7 +1222,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 3
   },
   {
     "catalogue_category_id": "4",
@@ -1269,7 +1288,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 4
   },
   {
     "catalogue_category_id": "4",
@@ -1334,7 +1354,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 3
   },
   {
     "catalogue_category_id": "4",
@@ -1399,7 +1420,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 3
   },
   {
     "catalogue_category_id": "4",
@@ -1464,7 +1486,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "4",
@@ -1529,7 +1552,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "4",
@@ -1594,7 +1618,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "4",
@@ -1659,7 +1684,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-04T12:00:00.000+00:00",
-    "modified_time": "2024-01-05T13:10:10.000+00:00"
+    "modified_time": "2024-01-05T13:10:10.000+00:00",
+    "number_of_spares": 1
   },
   {
     "catalogue_category_id": "5",
@@ -1696,7 +1722,8 @@
     "obsolete_reason": "The item is no longer being manufactured",
     "notes": "Need to find new manufacturer. 26",
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 1
   },
   {
     "catalogue_category_id": "5",
@@ -1733,7 +1760,8 @@
     "obsolete_reason": null,
     "notes": "Need to find new manufacturer. 27",
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "5",
@@ -1770,7 +1798,8 @@
     "obsolete_reason": null,
     "notes": "Need to find new manufacturer. 28",
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "5",
@@ -1807,7 +1836,8 @@
     "obsolete_reason": null,
     "notes": "Need to find new manufacturer. 29",
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 3
   },
   {
     "catalogue_category_id": "6",
@@ -1844,7 +1874,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "6",
@@ -1881,7 +1912,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 3
   },
   {
     "catalogue_category_id": "9",
@@ -1918,7 +1950,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "9",
@@ -1955,7 +1988,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "9",
@@ -1992,7 +2026,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "9",
@@ -2029,7 +2064,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 3
   },
   {
     "catalogue_category_id": "11",
@@ -2066,7 +2102,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 3
   },
   {
     "catalogue_category_id": "11",
@@ -2103,7 +2140,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 1
   },
   {
     "catalogue_category_id": "12",
@@ -2147,7 +2185,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "12",
@@ -2191,7 +2230,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "12",
@@ -2235,7 +2275,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 1
   },
   {
     "catalogue_category_id": "12",
@@ -2279,7 +2320,8 @@
     "obsolete_reason": "The item is no longer being manufactured",
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "13",
@@ -2316,7 +2358,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 2
   },
   {
     "catalogue_category_id": "13",
@@ -2353,7 +2396,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 3
   },
   {
     "catalogue_category_id": "14",
@@ -2390,7 +2434,8 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 1
   },
   {
     "catalogue_category_id": "14",
@@ -2427,6 +2472,7 @@
     "obsolete_reason": null,
     "notes": null,
     "created_time": "2024-01-01T12:00:00.000+00:00",
-    "modified_time": "2024-01-02T13:10:10.000+00:00"
+    "modified_time": "2024-01-02T13:10:10.000+00:00",
+    "number_of_spares": 4
   }
 ]
diff --git a/src/utils.tsx b/src/utils.tsx
index 428adbbb4..b27892187 100644
--- a/src/utils.tsx
+++ b/src/utils.tsx
@@ -357,6 +357,8 @@ export const TableGroupedCell = <TData extends MRT_RowData>(
         ) : (
           cellData
         )
+      ) : typeof cellData === 'number' ? (
+        cellData
       ) : (
         `No ${column.columnDef.header}`
       )}{' '}