diff --git a/pkg/ui/react-app/src/pages/targets/ScrapePoolList.test.tsx b/pkg/ui/react-app/src/pages/targets/ScrapePoolList.test.tsx
index 57f8d7481f..8fa5d6c858 100644
--- a/pkg/ui/react-app/src/pages/targets/ScrapePoolList.test.tsx
+++ b/pkg/ui/react-app/src/pages/targets/ScrapePoolList.test.tsx
@@ -3,14 +3,12 @@ import { mount, ReactWrapper } from 'enzyme';
 import { act } from 'react-dom/test-utils';
 import { UncontrolledAlert } from 'reactstrap';
 import { sampleApiResponse } from './__testdata__/testdata';
-import ScrapePoolList from './ScrapePoolList';
-import ScrapePoolPanel from './ScrapePoolPanel';
+import ScrapePoolList, { ScrapePoolPanel } from './ScrapePoolList';
 import { Target } from './target';
 import { FetchMock } from 'jest-fetch-mock/types';
 
 describe('ScrapePoolList', () => {
   const defaultProps = {
-    filter: { showHealthy: true, showUnhealthy: true },
     pathPrefix: '..',
   };
 
@@ -48,20 +46,6 @@ describe('ScrapePoolList', () => {
         expect(panel).toHaveLength(1);
       });
     });
-
-    it('filters by health', async () => {
-      const props = {
-        ...defaultProps,
-        filter: { showHealthy: false, showUnhealthy: true },
-      };
-      await act(async () => {
-        scrapePoolList = mount(<ScrapePoolList {...props} />);
-      });
-      scrapePoolList.update();
-      expect(mock).toHaveBeenCalledWith('../api/v1/targets?state=active', { cache: 'no-store', credentials: 'same-origin' });
-      const panels = scrapePoolList.find(ScrapePoolPanel);
-      expect(panels).toHaveLength(0);
-    });
   });
 
   describe('when an error is returned', () => {
diff --git a/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.test.tsx b/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.test.tsx
deleted file mode 100644
index 729a61bd5d..0000000000
--- a/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.test.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-import React from 'react';
-import { mount, shallow } from 'enzyme';
-import { targetGroups } from './__testdata__/testdata';
-import ScrapePoolPanel, { columns } from './ScrapePoolPanel';
-import { Button, Collapse, Table, Badge } from 'reactstrap';
-import { Target, getColor } from './target';
-import EndpointLink from './EndpointLink';
-import TargetLabels from './TargetLabels';
-
-describe('ScrapePoolPanel', () => {
-  const defaultProps = {
-    scrapePool: 'blackbox',
-    targetGroup: targetGroups.blackbox,
-  };
-  const scrapePoolPanel = shallow(<ScrapePoolPanel {...defaultProps} />);
-
-  it('renders a container', () => {
-    const div = scrapePoolPanel.find('div').filterWhere((elem) => elem.hasClass('container'));
-    expect(div).toHaveLength(1);
-  });
-
-  describe('Header', () => {
-    it('renders an anchor with up count and danger color if upCount < targetsCount', () => {
-      const anchor = scrapePoolPanel.find('a');
-      expect(anchor).toHaveLength(1);
-      expect(anchor.prop('id')).toEqual('pool-blackbox');
-      expect(anchor.prop('href')).toEqual('#pool-blackbox');
-      expect(anchor.text()).toEqual('blackbox (2/3 up)');
-      expect(anchor.prop('className')).toEqual('danger');
-    });
-
-    it('renders an anchor with up count and normal color if upCount == targetsCount', () => {
-      const props = {
-        scrapePool: 'prometheus',
-        targetGroup: targetGroups.prometheus,
-      };
-      const scrapePoolPanel = shallow(<ScrapePoolPanel {...props} />);
-      const anchor = scrapePoolPanel.find('a');
-      expect(anchor).toHaveLength(1);
-      expect(anchor.prop('id')).toEqual('pool-prometheus');
-      expect(anchor.prop('href')).toEqual('#pool-prometheus');
-      expect(anchor.text()).toEqual('prometheus (1/1 up)');
-      expect(anchor.prop('className')).toEqual('normal');
-    });
-
-    it('renders a show more btn if collapsed', () => {
-      const props = {
-        scrapePool: 'prometheus',
-        targetGroup: targetGroups.prometheus,
-      };
-      const div = document.createElement('div');
-      div.id = `series-labels-prometheus-0`;
-      document.body.appendChild(div);
-      const scrapePoolPanel = mount(<ScrapePoolPanel {...props} />);
-
-      const btn = scrapePoolPanel.find(Button);
-      btn.simulate('click');
-      const collapse = scrapePoolPanel.find(Collapse);
-      expect(collapse.prop('isOpen')).toBe(false);
-    });
-  });
-
-  it('renders a Collapse component', () => {
-    const collapse = scrapePoolPanel.find(Collapse);
-    expect(collapse.prop('isOpen')).toBe(true);
-  });
-
-  describe('Table', () => {
-    it('renders a table', () => {
-      const table = scrapePoolPanel.find(Table);
-      const headers = table.find('th');
-      expect(table).toHaveLength(1);
-      expect(headers).toHaveLength(6);
-      columns.forEach((col) => {
-        expect(headers.contains(col));
-      });
-    });
-
-    describe('for each target', () => {
-      const table = scrapePoolPanel.find(Table);
-      defaultProps.targetGroup.targets.forEach(
-        ({ discoveredLabels, labels, scrapeUrl, lastError, health }: Target, idx: number) => {
-          const row = table.find('tr').at(idx + 1);
-
-          it('renders an EndpointLink with the scrapeUrl', () => {
-            const link = row.find(EndpointLink);
-            expect(link).toHaveLength(1);
-            expect(link.prop('endpoint')).toEqual(scrapeUrl);
-          });
-
-          it('renders a badge for health', () => {
-            const td = row.find('td').filterWhere((elem) => Boolean(elem.hasClass('state')));
-            const badge = td.find(Badge);
-            expect(badge).toHaveLength(1);
-            expect(badge.prop('color')).toEqual(getColor(health));
-            expect(badge.children().text()).toEqual(health.toUpperCase());
-          });
-
-          it('renders series labels', () => {
-            const targetLabels = row.find(TargetLabels);
-            expect(targetLabels).toHaveLength(1);
-            expect(targetLabels.prop('discoveredLabels')).toEqual(discoveredLabels);
-            expect(targetLabels.prop('labels')).toEqual(labels);
-          });
-
-          it('renders last scrape time', () => {
-            const lastScrapeCell = row.find('td').filterWhere((elem) => Boolean(elem.hasClass('last-scrape')));
-            expect(lastScrapeCell).toHaveLength(1);
-          });
-
-          it('renders last scrape duration', () => {
-            const lastScrapeCell = row.find('td').filterWhere((elem) => Boolean(elem.hasClass('scrape-duration')));
-            expect(lastScrapeCell).toHaveLength(1);
-          });
-
-          it('renders a badge for Errors', () => {
-            const td = row.find('td').filterWhere((elem) => Boolean(elem.hasClass('errors')));
-            const badge = td.find(Badge);
-            expect(badge).toHaveLength(lastError ? 1 : 0);
-            if (lastError) {
-              expect(badge.prop('color')).toEqual('danger');
-              expect(badge.children().text()).toEqual(lastError);
-            }
-          });
-        }
-      );
-    });
-  });
-});
diff --git a/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.tsx b/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.tsx
deleted file mode 100644
index 09c4a3d9a5..0000000000
--- a/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import React, { FC } from 'react';
-import { ScrapePool, getColor } from './target';
-import { Collapse, Table, Badge } from 'reactstrap';
-import styles from './ScrapePoolPanel.module.css';
-import { Target } from './target';
-import EndpointLink from './EndpointLink';
-import TargetLabels from './TargetLabels';
-import { now } from 'moment';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
-import { ToggleMoreLess } from '../../components/ToggleMoreLess';
-import { formatRelative, humanizeDuration } from '../../utils';
-
-interface PanelProps {
-  scrapePool: string;
-  targetGroup: ScrapePool;
-}
-
-export const columns = ['Endpoint', 'State', 'Labels', 'Last Scrape', 'Scrape Duration', 'Error'];
-
-const ScrapePoolPanel: FC<PanelProps> = ({ scrapePool, targetGroup }) => {
-  const [{ expanded }, setOptions] = useLocalStorage(`targets-${scrapePool}-expanded`, { expanded: true });
-  const modifier = targetGroup.upCount < targetGroup.targets.length ? 'danger' : 'normal';
-  const id = `pool-${scrapePool}`;
-  const anchorProps = {
-    href: `#${id}`,
-    id,
-  };
-
-  return (
-    <div className={styles.container}>
-      <ToggleMoreLess event={(): void => setOptions({ expanded: !expanded })} showMore={expanded}>
-        <a className={styles[modifier]} {...anchorProps}>
-          {`${scrapePool} (${targetGroup.upCount}/${targetGroup.targets.length} up)`}
-        </a>
-      </ToggleMoreLess>
-      <Collapse isOpen={expanded}>
-        <Table className={styles.table} size="sm" bordered hover striped>
-          <thead>
-            <tr key="header">
-              {columns.map((column) => (
-                <th key={column}>{column}</th>
-              ))}
-            </tr>
-          </thead>
-          <tbody>
-            {targetGroup.targets.map((target: Target, idx: number) => {
-              const {
-                discoveredLabels,
-                labels,
-                scrapePool,
-                scrapeUrl,
-                globalUrl,
-                lastError,
-                lastScrape,
-                lastScrapeDuration,
-                health,
-              } = target;
-              const color = getColor(health);
-
-              return (
-                <tr key={scrapeUrl}>
-                  <td className={styles.endpoint}>
-                    <EndpointLink endpoint={scrapeUrl} globalUrl={globalUrl} />
-                  </td>
-                  <td className={styles.state}>
-                    <Badge color={color}>{health.toUpperCase()}</Badge>
-                  </td>
-                  <td className={styles.labels}>
-                    <TargetLabels discoveredLabels={discoveredLabels} labels={labels} scrapePool={scrapePool} idx={idx} />
-                  </td>
-                  <td className={styles['last-scrape']}>{formatRelative(lastScrape, now())}</td>
-                  <td className={styles['scrape-duration']}>{humanizeDuration(lastScrapeDuration * 1000)}</td>
-                  <td className={styles.errors}>{lastError ? <Badge color={color}>{lastError}</Badge> : null}</td>
-                </tr>
-              );
-            })}
-          </tbody>
-        </Table>
-      </Collapse>
-    </div>
-  );
-};
-
-export default ScrapePoolPanel;