diff --git a/src/sections/Meshery/How-meshery-works/hero/index.js b/src/sections/Meshery/How-meshery-works/hero/index.js
index aff755529d8a..ce48c3404d1f 100644
--- a/src/sections/Meshery/How-meshery-works/hero/index.js
+++ b/src/sections/Meshery/How-meshery-works/hero/index.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { Container, Col, Row } from "../../../../reusecore/Layout";
 import styled from "styled-components";
-import { ReactComponent as HeroImage } from "../images/meshery-operator-colorMode.svg";
+import { ReactComponent as HeroImage } from "../images/meshery-operator-dark.svg";
 
 const HowMesheryWorksHeroWrapper = styled.div`