diff --git a/src/components/navigation/NavigationMenu/NavigationMenu.jsx b/src/components/navigation/NavigationMenu/NavigationMenu.jsx
index b461e4c2376383b5372e629c9bcb14d9a853d05d..f970a82e2f9902f7d5d4b8043e5db67d0d67a5ca 100644
--- a/src/components/navigation/NavigationMenu/NavigationMenu.jsx
+++ b/src/components/navigation/NavigationMenu/NavigationMenu.jsx
@@ -80,7 +80,14 @@ function MenuListItems({ menuItems, drawerOpen }) {
 const makeLink = (text, url, icon) => ({ text, url, icon });
 const menuItemsAll = [
   makeLink("Records", "/records", <SettingsInputComponent />),
-  makeLink("IOCs", "/iocs", <CCCEControlSymbol />),
+  makeLink(
+    "IOCs",
+    "/iocs",
+    <CCCEControlSymbol
+      width="25px"
+      height="25px"
+    />
+  ),
   makeLink("IOC hosts", "/hosts", <Storage />),
   makeLink("Log", "/jobs", <Assignment />)
 ];
diff --git a/src/icons/BatchDeploySymbol.jsx b/src/icons/BatchDeploySymbol.jsx
index ef7e29c2ef99f0b2663c29e3902e9c5c1e8140a8..2cad91c34d61d8b9a0b8009fdb4be2648e637081 100644
--- a/src/icons/BatchDeploySymbol.jsx
+++ b/src/icons/BatchDeploySymbol.jsx
@@ -1,10 +1,5 @@
 import BatchDeployIcon from "./resources/batch/batch_deploy_icon.svg?react";
-import SvgIcon from "@mui/material/SvgIcon";
 
 export function BatchDeploySymbol(props) {
-  return (
-    <SvgIcon {...props}>
-      <BatchDeployIcon />
-    </SvgIcon>
-  );
+  return <BatchDeployIcon {...props} />;
 }
diff --git a/src/icons/BatchUndeploySymbol.jsx b/src/icons/BatchUndeploySymbol.jsx
index 2566d46959fbbfff570f6ea88354b4d6d71d1738..4afdad2d4cc24d842804806d31a90036c9576798 100644
--- a/src/icons/BatchUndeploySymbol.jsx
+++ b/src/icons/BatchUndeploySymbol.jsx
@@ -1,10 +1,5 @@
 import BatchUndeployIcon from "./resources/batch/batch_undeploy_icon.svg?react";
-import SvgIcon from "@mui/material/SvgIcon";
 
 export function BatchUndeploySymbol(props) {
-  return (
-    <SvgIcon {...props}>
-      <BatchUndeployIcon />
-    </SvgIcon>
-  );
+  return <BatchUndeployIcon {...props} />;
 }
diff --git a/src/icons/CCCEControlSymbol.jsx b/src/icons/CCCEControlSymbol.jsx
index 3bc9f2547c5e586fdfc898c9d91539703691e68d..11061f4d65fefee013b5d484df3038b5cb6f8c16 100644
--- a/src/icons/CCCEControlSymbol.jsx
+++ b/src/icons/CCCEControlSymbol.jsx
@@ -1,10 +1,5 @@
 import CcceControlSymbolGray from "./resources/control/ccce-control-symbol_757575.svg?react";
-import SvgIcon from "@mui/material/SvgIcon";
 
 export function CCCEControlSymbol(props) {
-  return (
-    <SvgIcon {...props}>
-      <CcceControlSymbolGray />
-    </SvgIcon>
-  );
+  return <CcceControlSymbolGray {...props} />;
 }
diff --git a/src/icons/RocketLaunch.jsx b/src/icons/RocketLaunch.jsx
index b170e8a72b7f5626b7bb2819a81e7ebf7b6a0fce..bbb86db8131ed0ad43d73251797d6e21a23bf68c 100644
--- a/src/icons/RocketLaunch.jsx
+++ b/src/icons/RocketLaunch.jsx
@@ -1,13 +1,10 @@
-import { ReactComponent as RocketLaunchBlack } from "./resources/rocket/rocket_launch_black_24dp.svg";
+import { ReactComponent as RocketLaunchBlack } from "./resources/rocket/rocket_launch_black_24dp.svg?react";
 import { Tooltip } from "@mui/material";
-import SvgIcon from "@mui/material/SvgIcon";
 
 export function RocketLaunch(props) {
   return (
-    <SvgIcon {...props}>
-      <Tooltip title="Deployment">
-        <RocketLaunchBlack />
-      </Tooltip>
-    </SvgIcon>
+    <Tooltip title="Deployment">
+      <RocketLaunchBlack {...props} />
+    </Tooltip>
   );
 }
diff --git a/vite-env.d.ts b/vite-env.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d816124885cbe8bc7bc11c1c21a3d1473d7c3348
--- /dev/null
+++ b/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite-plugin-svgr/client" />