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 452dc7c835aedd..edc197712640b8 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 '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 
 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 72e3873105d053..0a28196525c335 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 '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 
 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 4fd03c5d096389..66ce82e41dbb73 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 '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
+import type { ImageProps } from '@fluentui/react-components';
 import type { ArgTypes, Parameters } from '@storybook/react';
-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 3256130e03c3c3..875129a110dbe7 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 '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 
 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 2ecd4ac3eefa94..a46a273ac2b7a7 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 '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 
 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 eb1224370c3ed3..77d7e34a21e03a 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 '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 
 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 d19a6c797bba52..94fadd8cf2f814 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 '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 
 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 fec2f6fc0b9297..e752e0b02caaa9 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 '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 import type { Meta } from '@storybook/react';
 import descriptionMd from './ImageDescription.md';
 import bestPracticesMd from './ImageBestPractices.md';