diff --git a/frontend/src/components/EngineOverviewDiagram.js b/frontend/src/components/EngineOverviewDiagram.js
index 568c59d9..d49efaf6 100644
--- a/frontend/src/components/EngineOverviewDiagram.js
+++ b/frontend/src/components/EngineOverviewDiagram.js
@@ -42,7 +42,7 @@ const _EngineOverviewDiagram = () => {
   // const { toggleModal } = useModals();
 
   const xarrowStyle = {
-    color: "#212990",
+    color: "#FF8B73",
     showHead: true,
     headSize: 6,
   };
diff --git a/frontend/src/components/ExampleCode.js b/frontend/src/components/ExampleCode.js
index 5eea9a36..7acddbf6 100644
--- a/frontend/src/components/ExampleCode.js
+++ b/frontend/src/components/ExampleCode.js
@@ -4,7 +4,7 @@ import { Flex, Heading } from "@chakra-ui/react";
 import showdown from "showdown";
 import showdownHighlight from "showdown-highlight";
 
-const ExampleCode = (props) => {
+const ExampleCode = () => {
   const converter = new showdown.Converter({
     ghCompatibleHeaderId: true,
     parseImgDimensions: true,