diff --git a/public/app/features/profile/UserProfileEditPage.tsx b/public/app/features/profile/UserProfileEditPage.tsx
index 0b9fbe7d75f..e86583393f4 100644
--- a/public/app/features/profile/UserProfileEditPage.tsx
+++ b/public/app/features/profile/UserProfileEditPage.tsx
@@ -126,7 +126,7 @@ export function UserProfileEditPage({
 
   const UserProfileWithTabs = () => (
     <div data-testid={selectors.components.UserProfile.extensionPointTabs}>
-      <VerticalGroup spacing="md">
+      <Stack direction="column" gap={2}>
         <TabsBar>
           {tabs.map(({ id, title }) => {
             return (
@@ -160,7 +160,7 @@ export function UserProfileEditPage({
             return null;
           })}
         </TabContent>
-      </VerticalGroup>
+      </Stack>
     </div>
   );