diff --git a/.changeset/young-toes-knock.md b/.changeset/young-toes-knock.md
new file mode 100644
index 0000000000..6371dec193
--- /dev/null
+++ b/.changeset/young-toes-knock.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-opencost': patch
+---
+
+Fix for broken image reference.
diff --git a/plugins/opencost/README.md b/plugins/opencost/README.md
index 39c5e7ee2e..05c63206a2 100644
--- a/plugins/opencost/README.md
+++ b/plugins/opencost/README.md
@@ -28,7 +28,7 @@ and
     </FlatRoutes>
     ```
 
-3.  Add link to OpenCost to your sidebar
+3.  Import the `MoneyIcon` and add link to OpenCost to your sidebar
 
     ```typescript
     // packages/app/src/components/Root/Root.tsx
diff --git a/plugins/opencost/src/components/OpenCostPage/OpenCostPage.tsx b/plugins/opencost/src/components/OpenCostPage/OpenCostPage.tsx
index bd60fa0c35..4062eca155 100644
--- a/plugins/opencost/src/components/OpenCostPage/OpenCostPage.tsx
+++ b/plugins/opencost/src/components/OpenCostPage/OpenCostPage.tsx
@@ -17,6 +17,7 @@ import React from 'react';
 import { Grid } from '@material-ui/core';
 import { Header, Page, Content } from '@backstage/core-components';
 import { OpenCostReport } from '../OpenCostReport';
+import logo from '../../images/pig.png';
 
 export const OpenCostPage = () => (
   <Page themeId="tool">
@@ -25,12 +26,7 @@ export const OpenCostPage = () => (
       subtitle="Open source Kubernetes cloud cost monitoring"
     >
       <a href="https://opencost.io">
-        <img
-          width={68}
-          height={64}
-          src={require('../../images/pig.png')}
-          alt="OpenCost"
-        />
+        <img width={68} height={64} src={logo} alt="OpenCost" />
       </a>
     </Header>
     <Content>