diff --git a/packages/cyberstorm/src/components/FilterItemList/FilterItem/FilterItem.tsx b/packages/cyberstorm/src/components/FilterItemList/FilterItem/FilterItem.tsx
deleted file mode 100644
index b64f2e302..000000000
--- a/packages/cyberstorm/src/components/FilterItemList/FilterItem/FilterItem.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import styles from "./FilterItem.module.css";
-import * as Checkbox from "@radix-ui/react-checkbox";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faCheck, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { Icon } from "../../Icon/Icon";
-import { CSSProperties } from "react";
-
-export interface FilterItemProps {
-  label: string;
-  // count: number;
-  value?: boolean;
-  setChecked?: (label: string, value: boolean | undefined) => void;
-}
-
-// TODO: Count is disabled, because we don't have a plan yet,
-// how we want to calculate the count and where.
-// There is a separate task about this. TS-1715.
-
-/**
- * Cyberstorm FilterItem
- */
-export function FilterItem(props: FilterItemProps) {
-  const { label, value = undefined, setChecked } = props;
-
-  const filterColor = {
-    "--filter-color": value ? "var(--color-highlight)" : "var(--color-danger)",
-  } as CSSProperties;
-
-  return (
-    <label className={styles.root} htmlFor={"categoryCheckbox" + label}>
-      <div className={styles.checkBoxContainer}>
-        <Checkbox.Root
-          id={"categoryCheckbox" + label}
-          checked={value}
-          onCheckedChange={() => {
-            if (setChecked) {
-              return setChecked(label, getNextValue(value));
-            } else {
-              return null;
-            }
-          }}
-          className={styles.checkBoxRoot}
-          style={value !== undefined ? filterColor : {}}
-        >
-          <Checkbox.Indicator forceMount>
-            {value === undefined ? (
-              <></>
-            ) : (
-              <Icon inline>
-                <FontAwesomeIcon
-                  className={styles.icon}
-                  icon={value ? faCheck : faXmark}
-                />
-              </Icon>
-            )}
-          </Checkbox.Indicator>
-        </Checkbox.Root>
-        <span
-          className={styles.label}
-          style={value !== undefined ? filterColor : {}}
-        >
-          {label.charAt(0).toUpperCase() + label.slice(1)}
-        </span>
-      </div>
-    </label>
-  );
-}
-
-FilterItem.displayName = "FilterItem";
-
-function getNextValue(value: boolean | undefined): boolean | undefined {
-  if (value !== undefined) {
-    if (value === true) {
-      return false;
-    } else {
-      return undefined;
-    }
-  } else {
-    return true;
-  }
-}
diff --git a/packages/cyberstorm/src/components/FilterItemList/FilterItemList.module.css b/packages/cyberstorm/src/components/FilterItemList/FilterItemList.module.css
deleted file mode 100644
index 6c22108ee..000000000
--- a/packages/cyberstorm/src/components/FilterItemList/FilterItemList.module.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.root {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-}
-
-.filterListHeader {
-  display: flex;
-  align-items: center;
-  align-self: stretch;
-  padding: 0 var(--space--8);
-  color: var(--text-primary);
-
-  font-weight: var(--font-weight-bold);
-  font-size: 0.875rem;
-  font-style: normal;
-  line-height: normal;
-}
diff --git a/packages/cyberstorm/src/components/FilterItemList/FilterItemList.tsx b/packages/cyberstorm/src/components/FilterItemList/FilterItemList.tsx
deleted file mode 100644
index aea0cac67..000000000
--- a/packages/cyberstorm/src/components/FilterItemList/FilterItemList.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import styles from "./FilterItemList.module.css";
-import { FilterItem } from "./FilterItem/FilterItem";
-import { ReactNode } from "react";
-
-export interface FilterItemListProps {
-  filterItems: {
-    [key: string]: {
-      label: string;
-      value: boolean | undefined;
-    };
-  };
-  filterItemsSetter: React.Dispatch<
-    React.SetStateAction<{
-      [key: string]: {
-        label: string;
-        value: boolean | undefined;
-      };
-    }>
-  >;
-}
-
-/**
- * Cyberstorm FilterItemList
- */
-export function FilterItemList(props: FilterItemListProps) {
-  const { filterItems, filterItemsSetter } = props;
-
-  const handleSingleCheck = (label: string, value: boolean | undefined) => {
-    const newFilterItems: {
-      [key: string]: {
-        label: string;
-        value: boolean | undefined;
-      };
-    } = {};
-    Object.keys(filterItems).forEach(function (key) {
-      if (key === label) {
-        newFilterItems[key] = {
-          label: filterItems[key].label,
-          value: value,
-        };
-      } else {
-        newFilterItems[key] = {
-          label: filterItems[key].label,
-          value: filterItems[key].value,
-        };
-      }
-    });
-    filterItemsSetter(newFilterItems);
-  };
-
-  const filters: ReactNode[] = [];
-  Object.keys(filterItems).forEach(function (key, index) {
-    filters.push(
-      <div key={index}>
-        <FilterItem
-          label={key}
-          value={filterItems[key].value}
-          setChecked={handleSingleCheck}
-        />
-      </div>
-    );
-  });
-
-  return (
-    <div className={styles.root}>
-      <div className={styles.filterListHeader}>Categories</div>
-      <div>{filters}</div>
-    </div>
-  );
-}
-
-FilterItemList.displayName = "FilterItemList";