diff --git a/packages/grafana-ui/src/components/UsersIndicator/UserIcon.mdx b/packages/grafana-ui/src/components/UsersIndicator/UserIcon.mdx
index 5e8ae855dc0..d9537dfdc1e 100644
--- a/packages/grafana-ui/src/components/UsersIndicator/UserIcon.mdx
+++ b/packages/grafana-ui/src/components/UsersIndicator/UserIcon.mdx
@@ -1,6 +1,8 @@
-import { Props } from '@storybook/addon-docs/blocks';
+import { Meta, ArgTypes } from '@storybook/blocks';
 import { UserIcon } from './UserIcon';
 
+<Meta title="MDX|UserIcon" component={UserIcon} />
+
 # UserIcon
 
 `UserIcon` a component that takes in the `UserIconProps` interface as a prop. It renders a user icon and displays the user's name or initials along with the user's active status or last viewed date.
@@ -49,7 +51,7 @@ const ExampleComponent = () => {
 };
 ```
 
-<Props of={UserIcon} />
+<ArgTypes of={UserIcon} />
 
 ## UserView type
 
diff --git a/packages/grafana-ui/src/components/UsersIndicator/UsersIndicator.mdx b/packages/grafana-ui/src/components/UsersIndicator/UsersIndicator.mdx
index aa604d919ab..b5d689af8ea 100644
--- a/packages/grafana-ui/src/components/UsersIndicator/UsersIndicator.mdx
+++ b/packages/grafana-ui/src/components/UsersIndicator/UsersIndicator.mdx
@@ -1,6 +1,8 @@
-import { Props } from '@storybook/addon-docs/blocks';
+import { Meta, ArgTypes } from '@storybook/blocks';
 import { UsersIndicator } from './UsersIndicator';
 
+<Meta title="MDX|UsersIndicator" component={UsersIndicator} />
+
 # UsersIndicator
 
 A component that displays a set of user icons indicating which users are currently active. If there are too many users to display all the icons, it will collapse the icons into a single icon with a number indicating the number of additional users.
@@ -43,7 +45,7 @@ const ExampleComponent = () => {
 };
 ```
 
-<Props of={UsersIndicator} />
+<ArgTypes of={UsersIndicator} />
 
 ## UserView type