diff --git a/src/components/Configs/ConfigsListFilters/ConfigUnhealthyToggle.tsx b/src/components/Configs/ConfigsListFilters/ConfigUnhealthyToggle.tsx
new file mode 100644
index 000000000..056feaa23
--- /dev/null
+++ b/src/components/Configs/ConfigsListFilters/ConfigUnhealthyToggle.tsx
@@ -0,0 +1,33 @@
+import { useField } from "formik";
+import { Toggle } from "@flanksource-ui/ui/FormControls/Toggle";
+
+export function ConfigUnhealthyToggle() {
+ const [healthField, healthMeta, healthHelpers] = useField("health");
+ const [unhealthyField] = useField({
+ name: "showUnhealthy"
+ });
+
+ const handleToggle = (checked: boolean) => {
+ if (checked) {
+ // When toggled on, set the health filter to show unhealthy and warning resources
+ healthHelpers.setValue("unhealthy:1,warning:1");
+ } else {
+ // When toggled off, clear the health filter
+ healthHelpers.setValue(undefined);
+ }
+ };
+
+ return (
+