diff --git a/apps/perf-test-react-components/package.json b/apps/perf-test-react-components/package.json
index 7a8a0d07c46b3a..41cdbe054ed6a7 100644
--- a/apps/perf-test-react-components/package.json
+++ b/apps/perf-test-react-components/package.json
@@ -22,7 +22,6 @@
     "@fluentui/react-avatar": "*",
     "@fluentui/react-button": "*",
     "@fluentui/react-field": "*",
-    "@fluentui/react-infobutton": ">=9.0.0-alpha",
     "@fluentui/react-persona": "*",
     "@fluentui/react-provider": "*",
     "@fluentui/react-spinbutton": "*",
diff --git a/apps/perf-test-react-components/src/scenarios/InfoButton.tsx b/apps/perf-test-react-components/src/scenarios/InfoButton.tsx
deleted file mode 100644
index b69e1fb066f6e3..00000000000000
--- a/apps/perf-test-react-components/src/scenarios/InfoButton.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { InfoButton } from '@fluentui/react-infobutton';
-import { FluentProvider } from '@fluentui/react-provider';
-import { webLightTheme } from '@fluentui/react-theme';
-
-const Scenario = () => <InfoButton info={"This is an InfoButton's content."} />;
-
-Scenario.decorator = (props: { children: React.ReactNode }) => {
-  <FluentProvider theme={webLightTheme}>{props.children}</FluentProvider>;
-};
-
-export default Scenario;
diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json
index 5e2b6c76975d84..9bc3afbc3e5274 100644
--- a/apps/vr-tests-react-components/package.json
+++ b/apps/vr-tests-react-components/package.json
@@ -36,7 +36,7 @@
     "@fluentui/react-field": "*",
     "@fluentui/react-icons": "^2.0.217",
     "@fluentui/react-image": "*",
-    "@fluentui/react-infobutton": ">=9.0.0-alpha",
+    "@fluentui/react-infolabel": ">=9.0.0-alpha",
     "@fluentui/react-input": "*",
     "@fluentui/react-label": "*",
     "@fluentui/react-link": "*",
diff --git a/apps/vr-tests-react-components/src/stories/InfoButton.stories.tsx b/apps/vr-tests-react-components/src/stories/InfoButton.stories.tsx
deleted file mode 100644
index f92637535673a9..00000000000000
--- a/apps/vr-tests-react-components/src/stories/InfoButton.stories.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import * as React from 'react';
-import { Steps, StoryWright } from 'storywright';
-import { InfoButton } from '@fluentui/react-infobutton';
-import { storiesOf } from '@storybook/react';
-import { TestWrapperDecoratorFixedWidth } from '../utilities/TestWrapperDecorator';
-
-storiesOf('InfoButton', module)
-  .addDecorator(TestWrapperDecoratorFixedWidth)
-  .addDecorator(story => (
-    <StoryWright
-      steps={new Steps()
-        .snapshot('rest', { cropTo: '.testWrapper' })
-        // keys 'tab' is used instead of .focus, since .focus won't show the focus indicator.
-        .keys('.info-button', 'Tab')
-        .snapshot('focus', { cropTo: '.testWrapper' })
-        .hover('.info-button')
-        .snapshot('hover', { cropTo: '.testWrapper' })
-        .click('.info-button')
-        .snapshot('active', { cropTo: '.testWrapper' })
-        .end()}
-    >
-      {story()}
-    </StoryWright>
-  ))
-  .addStory(
-    'default',
-    () => (
-      <div style={{ display: 'flex', alignItems: 'flex-end', padding: '10px', minHeight: '80px' }}>
-        <InfoButton className="info-button" info="This is the content of an InfoButton." />
-      </div>
-    ),
-    {
-      includeHighContrast: true,
-      includeDarkMode: true,
-    },
-  );
-
-storiesOf('InfoButton', module)
-  .addDecorator(TestWrapperDecoratorFixedWidth)
-  .addDecorator(story => (
-    <StoryWright steps={new Steps().snapshot('rest', { cropTo: '.testWrapper' }).end()}>{story()}</StoryWright>
-  ))
-  .addStory('size', () => (
-    <div
-      style={{
-        display: 'flex',
-        flexDirection: 'column',
-        paddingTop: '60px',
-        paddingLeft: '10px',
-        paddingBottom: '10px',
-        gap: '80px',
-        alignItems: 'start',
-      }}
-    >
-      <InfoButton size="small" info="This is the content of an InfoButton." popover={{ open: true }} />
-      <InfoButton size="medium" info="This is the content of an InfoButton." popover={{ open: true }} />
-      <InfoButton size="large" info="This is the content of an InfoButton." popover={{ open: true }} />
-    </div>
-  ));
diff --git a/apps/vr-tests-react-components/src/stories/InfoLabel.stories.tsx b/apps/vr-tests-react-components/src/stories/InfoLabel.stories.tsx
index 5d8a4b85c29712..17cb7e5a9b5262 100644
--- a/apps/vr-tests-react-components/src/stories/InfoLabel.stories.tsx
+++ b/apps/vr-tests-react-components/src/stories/InfoLabel.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import { Steps, StoryWright } from 'storywright';
-import { InfoLabel } from '@fluentui/react-infobutton';
+import { InfoLabel } from '@fluentui/react-infolabel';
 import { storiesOf } from '@storybook/react';
 import { TestWrapperDecoratorFixedWidth } from '../utilities/TestWrapperDecorator';
 
@@ -40,4 +40,21 @@ storiesOf('InfoLabel', module)
     {
       includeRtl: true,
     },
-  );
+  )
+  .addStory('sizes -- open', () => (
+    <div
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        paddingTop: '60px',
+        paddingLeft: '10px',
+        paddingBottom: '10px',
+        gap: '80px',
+        alignItems: 'start',
+      }}
+    >
+      <InfoLabel size="small" info="This is the content of an InfoButton." infoButton={{ popover: { open: true } }} />
+      <InfoLabel size="medium" info="This is the content of an InfoButton." infoButton={{ popover: { open: true } }} />
+      <InfoLabel size="large" info="This is the content of an InfoButton." infoButton={{ popover: { open: true } }} />
+    </div>
+  ));