From 12135998e61195f49e6298efdd99f3c106ca102d Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Thu, 11 Jan 2024 12:54:19 +0000
Subject: [PATCH] Profile: Use `Stack` so the profile tabs span the full width
 of the page (#80353)

use Stack so the profile tabs span the full width of the page
---
 public/app/features/profile/UserProfileEditPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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>
   );