diff --git a/workspaces/npm/plugins/npm/dev/index.tsx b/workspaces/npm/plugins/npm/dev/index.tsx
index 7239e2fdc3..cf9e2f392c 100644
--- a/workspaces/npm/plugins/npm/dev/index.tsx
+++ b/workspaces/npm/plugins/npm/dev/index.tsx
@@ -15,10 +15,10 @@
  */
 import React from 'react';
 import { createDevApp } from '@backstage/dev-utils';
-import { npmPlugin, NpmInfoCard, NpmReleaseTableCard } from '../src/plugin';
 import { EntityProvider } from '@backstage/plugin-catalog-react';
 import { Content, Header, Page } from '@backstage/core-components';
 import { Grid } from '@material-ui/core';
+import { npmPlugin, NpmInfoCard, NpmReleaseTableCard } from '../src/plugin';
 
 const mockEntity = {
   apiVersion: 'backstage.io/v1alpha1',
@@ -35,6 +35,7 @@ const mockEntity = {
     owner: 'guests',
   },
 };
+
 createDevApp()
   .registerPlugin(npmPlugin)
   .addPage({
diff --git a/workspaces/npm/plugins/npm/src/index.ts b/workspaces/npm/plugins/npm/src/index.ts
index 393bc0e0c2..40f1aae37c 100644
--- a/workspaces/npm/plugins/npm/src/index.ts
+++ b/workspaces/npm/plugins/npm/src/index.ts
@@ -23,8 +23,6 @@
 export { npmPlugin } from './plugin';
 
 export { isNpmAvailable } from './utils/isNpmAvailable';
-export {
-  NpmInfoCard,
-  NpmReleaseOverviewCard,
-  NpmReleaseTableCard,
-} from './plugin';
+export { NpmInfoCard } from './components/NpmInfoCard';
+export { NpmReleaseOverviewCard } from './components/NpmReleaseOverviewCard';
+export { NpmReleaseTableCard } from './components/NpmReleaseTableCard';