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 56de66cde4547a..3bcb553d2afe54 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 93a58cef95443e..e8a3992525385a 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 188482cd246d4c..280d2043b36fe8 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 57c13a802647d6..30fd83b519fca5 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 38953afe944a0c..7a5833b31a72ff 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 10f61b77fe0f3d..0ada2d9a4f5399 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: {