From 6fe808734b51c74eee1836ce28ce61df61f11d4e Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Wed, 3 Aug 2022 14:10:53 +0100
Subject: [PATCH] RolePicker: Fix RolePicker menu positioning (#53201) (#53216)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes #52800

(cherry picked from commit dc775c7577501088ed929a6c6d986a05c05d0028)

Co-authored-by: Mihály Gyöngyösi <mgyongyosi@users.noreply.github.com>
---
 public/app/core/components/RolePicker/RolePicker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/app/core/components/RolePicker/RolePicker.tsx b/public/app/core/components/RolePicker/RolePicker.tsx
index 9cb894c08cf..7a75b6776a3 100644
--- a/public/app/core/components/RolePicker/RolePicker.tsx
+++ b/public/app/core/components/RolePicker/RolePicker.tsx
@@ -131,7 +131,7 @@ export const RolePicker = ({
   }
 
   return (
-    <div data-testid="role-picker" style={{ position: 'relative' }} ref={ref}>
+    <div data-testid="role-picker" style={{ position: 'relative', width: ROLE_PICKER_WIDTH }} ref={ref}>
       <ClickOutsideWrapper onClick={onClickOutside}>
         <RolePickerInput
           builtInRole={selectedBuiltInRole}