diff --git a/.betterer.results b/.betterer.results
index 650429be0be..54e1a496e23 100644
--- a/.betterer.results
+++ b/.betterer.results
@@ -832,9 +832,6 @@ exports[`better eslint`] = {
     "packages/grafana-ui/src/components/MatchersUI/fieldMatchersUI.ts:5381": [
       [0, 0, 0, "Unexpected any. Specify a different type.", "0"]
     ],
-    "packages/grafana-ui/src/components/Menu/Menu.story.tsx:5381": [
-      [0, 0, 0, "\'VerticalGroup\' import from \'../Layout/Layout\' is restricted from being used by a pattern. Use Stack component instead.", "0"]
-    ],
     "packages/grafana-ui/src/components/Modal/ModalsContext.tsx:5381": [
       [0, 0, 0, "Unexpected any. Specify a different type.", "0"],
       [0, 0, 0, "Unexpected any. Specify a different type.", "1"],
diff --git a/packages/grafana-ui/src/components/Menu/Menu.story.tsx b/packages/grafana-ui/src/components/Menu/Menu.story.tsx
index 4a547fb84ae..edae46c59ad 100644
--- a/packages/grafana-ui/src/components/Menu/Menu.story.tsx
+++ b/packages/grafana-ui/src/components/Menu/Menu.story.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 
 import { GraphContextMenuHeader } from '..';
 import { StoryExample } from '../../utils/storybook/StoryExample';
-import { VerticalGroup } from '../Layout/Layout';
+import { Stack } from '../Layout/Stack/Stack';
 
 import { Menu } from './Menu';
 import mdx from './Menu.mdx';
@@ -30,7 +30,7 @@ const meta: Meta<typeof Menu> = {
 
 export function Examples() {
   return (
-    <VerticalGroup>
+    <Stack direction="column">
       <StoryExample name="Plain">
         <Menu>
           <Menu.Item label="Google" />
@@ -167,7 +167,7 @@ export function Examples() {
           />
         </Menu>
       </StoryExample>
-    </VerticalGroup>
+    </Stack>
   );
 }