diff --git a/ui/components/Icon.tsx b/ui/components/Icon.tsx
index 8012463060..6636375320 100644
--- a/ui/components/Icon.tsx
+++ b/ui/components/Icon.tsx
@@ -24,7 +24,6 @@ import NavigateNextIcon from "@material-ui/icons/NavigateNext";
import PauseIcon from "@material-ui/icons/Pause";
import PersonIcon from "@material-ui/icons/Person";
import PlayIcon from "@material-ui/icons/PlayArrow";
-import Policy from "@material-ui/icons/Policy";
import Remove from "@material-ui/icons/Remove";
import RemoveCircleIcon from "@material-ui/icons/RemoveCircle";
import SaveAltIcon from "@material-ui/icons/SaveAlt";
@@ -266,10 +265,10 @@ function getIcon(i: IconType) {
return PlayIcon;
case IconType.PoliciesIcon:
- return PoliciesIcon;
+ return () => ;
case IconType.Policy:
- return Policy;
+ return () => ;
case IconType.PolicyConfigsIcon:
return PolicyConfigsIcon;
diff --git a/ui/components/NavIcons/PoliciesIcon.tsx b/ui/components/NavIcons/PoliciesIcon.tsx
index 4461964d62..52c319dd41 100644
--- a/ui/components/NavIcons/PoliciesIcon.tsx
+++ b/ui/components/NavIcons/PoliciesIcon.tsx
@@ -1,31 +1,36 @@
import * as React from "react";
-
-function PoliciesIcon() {
+import { useTheme } from "styled-components";
+function PoliciesIcon({ filled }) {
+ const theme = useTheme();
return (
diff --git a/ui/components/Policies/Utils/PolicyMode.tsx b/ui/components/Policies/Utils/PolicyMode.tsx
index 02212ec61e..0d7c9ac747 100644
--- a/ui/components/Policies/Utils/PolicyMode.tsx
+++ b/ui/components/Policies/Utils/PolicyMode.tsx
@@ -17,14 +17,14 @@ const PolicyMode = ({ modeName, showName = false }: Props) => {
case "audit":
mode = {
name: "audit",
- icon: ,
+ icon: ,
};
break;
case "admission":
mode = {
name: "enforce",
icon: (
-
+
),
};
break;