diff --git a/packages/react-components/react-image/src/stories/Image/ImageBlock.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageBlock.stories.tsx
index 422807be019145..452dc7c835aedd 100644
--- a/packages/react-components/react-image/src/stories/Image/ImageBlock.stories.tsx
+++ b/packages/react-components/react-image/src/stories/Image/ImageBlock.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Block = () => (
   <>
diff --git a/packages/react-components/react-image/src/stories/Image/ImageBordered.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageBordered.stories.tsx
index ca4e289eb764ba..72e3873105d053 100644
--- a/packages/react-components/react-image/src/stories/Image/ImageBordered.stories.tsx
+++ b/packages/react-components/react-image/src/stories/Image/ImageBordered.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Bordered = () => (
   <div>
diff --git a/packages/react-components/react-image/src/stories/Image/ImageDefault.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageDefault.stories.tsx
index 28c5f5154e6b66..4fd03c5d096389 100644
--- a/packages/react-components/react-image/src/stories/Image/ImageDefault.stories.tsx
+++ b/packages/react-components/react-image/src/stories/Image/ImageDefault.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
-import type { ImageProps } from '../../Image';
+import type { ImageProps } from '@fluentui/react-image';
 import type { ArgTypes, Parameters } from '@storybook/react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Default = (props: ImageProps) => {
   return <Image {...props} />;
diff --git a/packages/react-components/react-image/src/stories/Image/ImageFallback.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageFallback.stories.tsx
index 0ff80be2c7b4c5..3256130e03c3c3 100644
--- a/packages/react-components/react-image/src/stories/Image/ImageFallback.stories.tsx
+++ b/packages/react-components/react-image/src/stories/Image/ImageFallback.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Fallback = () => (
   <div style={{ display: 'flex', gap: 8 }}>
diff --git a/packages/react-components/react-image/src/stories/Image/ImageFit.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageFit.stories.tsx
index 24acc3f1fbe2d5..2ecd4ac3eefa94 100644
--- a/packages/react-components/react-image/src/stories/Image/ImageFit.stories.tsx
+++ b/packages/react-components/react-image/src/stories/Image/ImageFit.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Fit = () => (
   <>
diff --git a/packages/react-components/react-image/src/stories/Image/ImageShadow.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageShadow.stories.tsx
index af4dc47a390acc..eb1224370c3ed3 100644
--- a/packages/react-components/react-image/src/stories/Image/ImageShadow.stories.tsx
+++ b/packages/react-components/react-image/src/stories/Image/ImageShadow.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Shadow = () => (
   <Image shadow src="https://fabricweb.azureedge.net/fabric-website/placeholders/300x300.png" />
diff --git a/packages/react-components/react-image/src/stories/Image/ImageShape.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageShape.stories.tsx
index 86f4e9b0abc7c8..d19a6c797bba52 100644
--- a/packages/react-components/react-image/src/stories/Image/ImageShape.stories.tsx
+++ b/packages/react-components/react-image/src/stories/Image/ImageShape.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Shape = () => (
   <div style={{ display: 'flex', gap: 8 }}>
diff --git a/packages/react-components/react-image/src/stories/Image/index.stories.tsx b/packages/react-components/react-image/src/stories/Image/index.stories.tsx
index e66316f00e0b0d..fec2f6fc0b9297 100644
--- a/packages/react-components/react-image/src/stories/Image/index.stories.tsx
+++ b/packages/react-components/react-image/src/stories/Image/index.stories.tsx
@@ -1,4 +1,4 @@
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 import type { Meta } from '@storybook/react';
 import descriptionMd from './ImageDescription.md';
 import bestPracticesMd from './ImageBestPractices.md';