diff --git a/packages/react-components/react-progress/stories/ProgressBar/ProgressBarColor.stories.tsx b/packages/react-components/react-progress/stories/ProgressBar/ProgressBarColor.stories.tsx
index 56de66cde4547..3bcb553d2afe5 100644
--- a/packages/react-components/react-progress/stories/ProgressBar/ProgressBarColor.stories.tsx
+++ b/packages/react-components/react-progress/stories/ProgressBar/ProgressBarColor.stories.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { Field } from '@fluentui/react-field';
-import { makeStyles } from '@fluentui/react-components';
-import { ProgressBar } from '@fluentui/react-progress';
+import { ProgressBar, makeStyles } from '@fluentui/react-components';
+import { Field } from '@fluentui/react-components/unstable';
 
 const useStyles = makeStyles({
   container: {
diff --git a/packages/react-components/react-progress/stories/ProgressBar/ProgressBarDefault.stories.tsx b/packages/react-components/react-progress/stories/ProgressBar/ProgressBarDefault.stories.tsx
index 93a58cef95443..e8a3992525385 100644
--- a/packages/react-components/react-progress/stories/ProgressBar/ProgressBarDefault.stories.tsx
+++ b/packages/react-components/react-progress/stories/ProgressBar/ProgressBarDefault.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Field } from '@fluentui/react-field';
-import { ProgressBar, ProgressBarProps } from '@fluentui/react-progress';
+import { ProgressBar, ProgressBarProps } from '@fluentui/react-components';
+import { Field } from '@fluentui/react-components/unstable';
 
 export const Default = (props: Partial<ProgressBarProps>) => {
   return (
diff --git a/packages/react-components/react-progress/stories/ProgressBar/ProgressBarIndeterminate.stories.tsx b/packages/react-components/react-progress/stories/ProgressBar/ProgressBarIndeterminate.stories.tsx
index 188482cd246d4..280d2043b36fe 100644
--- a/packages/react-components/react-progress/stories/ProgressBar/ProgressBarIndeterminate.stories.tsx
+++ b/packages/react-components/react-progress/stories/ProgressBar/ProgressBarIndeterminate.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Field } from '@fluentui/react-field';
-import { ProgressBar } from '@fluentui/react-progress';
+import { ProgressBar } from '@fluentui/react-components';
+import { Field } from '@fluentui/react-components/unstable';
 
 export const Indeterminate = () => {
   return (
diff --git a/packages/react-components/react-progress/stories/ProgressBar/ProgressBarMax.stories.tsx b/packages/react-components/react-progress/stories/ProgressBar/ProgressBarMax.stories.tsx
index 57c13a802647d..30fd83b519fca 100644
--- a/packages/react-components/react-progress/stories/ProgressBar/ProgressBarMax.stories.tsx
+++ b/packages/react-components/react-progress/stories/ProgressBar/ProgressBarMax.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Field } from '@fluentui/react-field';
-import { ProgressBar } from '@fluentui/react-progress';
+import { ProgressBar } from '@fluentui/react-components';
+import { Field } from '@fluentui/react-components/unstable';
 
 const intervalDelay = 100;
 const intervalIncrement = 1;
diff --git a/packages/react-components/react-progress/stories/ProgressBar/ProgressBarShape.stories.tsx b/packages/react-components/react-progress/stories/ProgressBar/ProgressBarShape.stories.tsx
index 38953afe944a0..7a5833b31a72f 100644
--- a/packages/react-components/react-progress/stories/ProgressBar/ProgressBarShape.stories.tsx
+++ b/packages/react-components/react-progress/stories/ProgressBar/ProgressBarShape.stories.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { Field } from '@fluentui/react-field';
-import { makeStyles, shorthands } from '@fluentui/react-components';
-import { ProgressBar } from '@fluentui/react-progress';
+import { ProgressBar, makeStyles, shorthands } from '@fluentui/react-components';
+import { Field } from '@fluentui/react-components/unstable';
 
 const useStyles = makeStyles({
   container: {
diff --git a/packages/react-components/react-progress/stories/ProgressBar/ProgressBarThickness.stories.tsx b/packages/react-components/react-progress/stories/ProgressBar/ProgressBarThickness.stories.tsx
index 10f61b77fe0f3..0ada2d9a4f539 100644
--- a/packages/react-components/react-progress/stories/ProgressBar/ProgressBarThickness.stories.tsx
+++ b/packages/react-components/react-progress/stories/ProgressBar/ProgressBarThickness.stories.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { Field } from '@fluentui/react-field';
-import { makeStyles, shorthands } from '@fluentui/react-components';
-import { ProgressBar } from '@fluentui/react-progress';
+import { ProgressBar, makeStyles, shorthands } from '@fluentui/react-components';
+import { Field } from '@fluentui/react-components/unstable';
 
 const useStyles = makeStyles({
   container: {